Lego2012

%root% {
    --icon-url: url(/wp-content....svg);
    --icon-color: var(--primary);
    --icon-offset: 0 .5ex;
    --icon-size: 1em;
    --icon-gap: .5em;
    --icon-display: flex;
    --list-indent: 0;
}

Lego2012

/* Make the edited icon bigger */
.bricks-panel-controls .has-setting .indicator {
    background-color: currentColor;
    background-color: var(--bricks-color-secondary);
    border-radius: 0%;
    display: inline-block;
    height: 20px;
    width: 6px;
}

Lego2012

Overlay Classes

https://automaticcss.com/docs/overlay-classes/ Angepasst auf Core Framework

.overlay--primary-10 {
  --overlay-background: var(--primary-10);
}
.overlay--primary-20 {
 --overlay-background: var(--primary-20);

Lego2012

Centering Classes

https://automaticcss.com/docs/centering-classes/ Angepasst auf Core Framework

[class*="center--"]:where(:not([class*="self"]))[class*="center--"]:where(:not([class*="self"])) {
  display: flex;
  flex-direction: column;
  align-items: var(--align-items, initial);
 align-content: var(--align-content, initial);

Lego2012

Variables

Damit sie nicht mit Core Framework kollidieren (hat auch eine .divider) habe ich sie hier mit lm- gekennzeichnet

:root {
  --lm-divider-size: 1px;
  --lm-divider-style: solid;
  --lm-divider-inline-size: 100%;
  --lm-divider-gap: var(--content-gap);
  --lm-divider-color-dark: var(--black-20);
 --lm-divider-color-light: var(--white-20);

Lego2012

Docs: https://automaticcss.com/docs/is-background-is-bg/

:has(> .is-bg) {
  position: relative;
  isolation: isolate;
}
.is-bg {
  position: var(--bg-position, absolute);
 inset: var(--bg-inset, 0);

Lego2012

<?php 
/**
 * Register/enqueue custom scripts and styles
 */
add_action( 'wp_enqueue_scripts', function() {
	// Enqueue your files on the canvas & frontend, not the builder panel. Otherwise custom CSS might affect builder)
	if ( ! bricks_is_builder_main() ) {
		wp_enqueue_style( 'bricks-child', get_stylesheet_uri(), ['bricks-frontend'], filemtime( get_stylesheet_directory() . '/style.css' ) );
	}
} );

Lego2012

#!/usr/bin/env osascript -l JavaScript

/**
 * -----------------------------------------------------------------------------
 * Toggle Do Not Disturb Mode from Control Center
 * -----------------------------------------------------------------------------
 *
 * Created on May 18, 2023 by Stephan Casas
 *
 * Options:

Lego2012

Das 80/20-Prinzip, um schneller denn je zu lernen

„Ich möchte mehr über [Thema einfügen] lernen. Bitte wende das 80/20-Prinzip an und identifiziere die 20% der zentralen Informationen, Konzepte oder Prinzipien, die mir helfen, 80 % des Themas zu verstehen. Fasse die Erkenntnisse prägnant und klar zusammen, idealerweise in einer strukturierten Form (z. B. Punkte, Kategorien oder kurze Abschnitte). Falls

Lego2012

calc(33.333% - calc(calc(3rem * 2)/3))

calc(50% - calc(calc(3rem * 1)/2))

100 %