config.scss

//*Desktop*//

$navDn_border-color ist die Farbe des Randes

$dnSpacer_width 
$dnSpacer_top 
$dnSpacer_bottom 

Navigation (Level 1)

$nav_color ist die Schriftfarbe
$navHover_color ist die Schriftfarbe die beim hovern erscheint
$nav_background-color ist die Hintergrundfarbe der Navigation
$navHover_background-color ist die Hintergrundfarbe der Navigation die beim hovern erscheint

Navigation (Level 2)
$navLevel2_color: $nav_color; ist die Shriftfarbe ($nav_color = Schriftfarbe bei Level 1)
$navLevel2Hover_color: $navHover_color; ist die Schriftfarbe die beim hovern erscheint ($navHover_color = Schriftfarbe beim hovern bei Level 1)
$navLevel2_background-color: $nav_background-color; ist die Hintergrundfarbe der Navigation ($nav_background-color = ist die Hintergrundfarbe der Navigation bei Level 1)
$navLevel2Hover_background-color ist die Hintergrundfarbe der Navigation die beim hovern erscheint

//* Die Overrides bestimmen die Farben der Desktop Navigation*//
/* Level 1 */
$OverrideNav_color: $nav_color;
$OverrideNavHover_color: $navHover_color;
$OverrideNav_background-color: $nav_background-color;
$OverrideNavHover_background-color: $navHover_background-color;
/* Level 2+ */
$OverrideNavLevel2_color: $navLevel2_color;
$OverrideNavLevel2Hover_color: $navLevel2Hover_color;
$OverrideNavLevel2_background-color: $navLevel2_background-color;
$OverrideNavLevel2Hover_background-color: $navLevel2Hover_background-color;

$responsiveNavBackgroundColor ist die Hintergrundfarbe der responsive Navigation

$burger_padding ist das Padding des Nav Burgers
$burgerLine_margin ist das Margin zwischen den Burgerlinien
$burgerLine_height ist die höhe der Burgerlines (dicke)
$burgerLine_background-color ist die Farbe der Burgerline

$useResponsiveMenuOnDesktop: false; -> mit "true" kann man die responsive Einstellungen ebenfalls im Desktop nutze
/* border-color responsive */
$navRn_border-color: $navDn_border-color; ist di

/* inner Burger */
$burgerInner_width ist die Weite des Burgers
$burgerInnerHolder_background-color ist die Hintergrundfarbe des BurgerHolders während man das Menu schliesst
$burgerInnerHolderActive_background-color ist die Hintergrundfarbe des BurgerHolders während man das Menu öffnet
$burgerInnerActiveLine_background-color ist die Farbe der Burgerline wenn das Menu offen ist
$burgerInnerTopOffset: -2px; benutzt man um den Burger in die Mitte des Burgerholders zu verschieben

/* outer Burger */
$burger_width  ist die Weite der Burgerlinien
$burgerActiveLine_background-color: $burgerLine_background-color; 
$burgerHolder_background-color ist die Hintergrundfarbe des Burgers
$burgerHolderActive_background-color ist die Hintergrundgarbe des aktiven Burgers

//*Pfeil bei der geöffneten responsive Navigation (um Level 2 anzuzeigen) *//
$arrow_width ist die Weite des Pfeils
$arrow_height ist die Höhe des Pfeils
$arrow_background-color: $nav_color; ist die Farbe des Pfeils
$arrowHover_background-color: $navHover_color; Ist die Farbe des Pfeils beim hovern

$layer_after_background-color: $nav_color;
$layer_box-shadow-color: rgba(0, 0, 0, 0.2);
$onion_language_list: de 'Zurück', en 'Back', fr 'Zurück FR', it 'Zurück IT';

$burgerBorder: floor(($base_seitenabstand + $base_font-size + $addedConstant - $burger_width)/2);

$lvlFontScale: 0.9;

$layerMoreThanLevel2: true;

$base_formfields_padding-left ist das padding links bei einem Formular
$base_formfields_padding-right ist das padding rechts bei einem Formular
$base_formfields_padding-top ist das  obere padding bei einem Formular
$base_formfields_padding-bottom ist das untere padding bei einem Formular

$base_formfields_height ist die Höhe der Felder im Formular

$base_formfields_bg ist die Hintergrundfarbe der Felder im Formular
$border_error_color ist die Randfarbe bei error

$base_ig-inline_padding ist der Halbe abstand zwischen den Feldern

$select_line-height ist die Höhe der Zeilen

/*$textarea_height ist die Höhe der Zeile im Formular indas man frei schreiben kann*/

//*Buttons*//
$form_submit_bg ist die Hintergrundfarbe
$form_submit_bg_hover ist die Hintergrundfarbe beim hovern
$form_submit_color ist die Schriftfarbe
$form_submit_color_hover ist die Schriftfarbe beim hovern

$bugfix_textarea: -7px;
$bugfix_textarea_firefox: -3px;

$base_l2_seitenabstand: 60px; ist der Seitenabstand
$base_verticalelementabstand_klein: 30px; ist der kleine vertikale Grundabstand

$footer_height ist die Höhe des footers

$base_seitenabstand: 30px; ist das padding links/rechts
$base_verticalelementabstand: 60px;  ist der vertikale Grundabstand zwischen den Elementen

$base_formfields_padding-left: 8px; ist das padding links bei einem Kontaktformular
$base_formfields_padding-right: 8px; ist das padding rechts bei einem Kontaktformular
$base_formfields_padding-top: 13px; ist das  obere padding bei einem Kontaktformular
$base_formfields_padding-bottom: 13px; ist das untere padding bei einem Kontaktformular

$base_formfields_height: 44px; ist die Höhe der Felder im Kontaktformular

$layout_img-padding-2: 5px; ist das padding bei den Bildern

$breakpoint ist der Punkt abdem die Navigation responsive wird
$content_max-width ist die maximum Weite des Inhaltes

$frame_layout_buendig: false; mit "true" sind die Boxen bündig mit dem Text

$base_font-size: 18px; ist die Grundschriftgrösse (mit ihr werden alle Schriftgrössen berechnet)

Das sind die Abstände der Titel. Sie werden mit dem $base_verticalelementabstand berechnet.
$typo_h1_Abstand_scale: 0.2; 
$typo_h1_Subtitel_Abstand_scale: 0.5;
$typo_h2_Abstand_scale: 0.4;
$typo_h2_Subtitel_Abstand_scale: 0.5;
$typo_h3_Abstand_scale: 0.2;
$typo_h3_Subtitel_Abstand_scale: 0.5;
$typo_h4_Abstand_scale: 0.1;
$typo_h4_Subtitel_Abstand_scale: 0.5;
$typo_h5_Abstand_scale: 0.1;
$typo_h5_Subtitel_Abstand_scale: 0.5;
$typo_h6_Abstand_scale: 0.1;
$typo_h6_Subtitel_Abstand_scale: 0.5;
$typo_all_grid_scale: 0.5;

//*mit scale werden die Schriften skaliert (zb. 600 steht für die grösse des Bildschirms und 0.75 für die Schriftgrösse)*//
$scale_800: 1;
$scale_600: 0.75;
$scale_400: 0.6;
$scale_320: 0.5;

$imagePath: '/typo3conf/ext/ig_layout/Resources/Public/Images/';
$iconfilesPath: '/typo3/ext/ig_icon/Resources/Public/Images/iconfiles/';
$iconsetPath: '/typo3/ext/ig_icon/Resources/Public/Images/iconset/';

$hide_desktop: 960px;

$hide_dektop_tablet: $breakpoint;

$precision: 4;

$after_content: attr(data-title);
$breadcrumbsLevel1_language_list: de 'Home', en 'Home EN', fr 'Home FR', it 'Home IT';

$contentVisible: 15%;

$fixHeaderOverlay_background-color: #cccccc;

$addedConstant: 10px;

$spacingCalc: 1;
$rnEffect_fast: 0.3s;
$rnEffect_medium: $rnEffect_fast + 0.1;
$rnEffect_slow: 1.5s;
$rnEffect_shortDelay: 1.4s;
$rnEffect_longDelay: $rnEffect_shortDelay + 0.1;