@profitlich/template-toolkit 2.2.4 → 2.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@profitlich/template-toolkit",
-    "version": "2.2.4",
+    "version": "2.3.0",
     "description": "Shared SCSS layout system, JS utilities, components and build scripts for profitlich template repos",
     "type": "module",
     "exports": {

package/scss/core/hamburger.scss

@@ -58,11 +58,6 @@
         top: 50%;
         margin-top: calc($hamburger-line-width / -2);
 
-        // transition vor background-color im kompilierten CSS:
-        // Setzt transition-Wert *bevor* background-color durch den Multi-Selektor
-        // gesetzt wird. Dadurch wird background-color beim allerersten Setzen
-        // direkt (ohne Transition) übernommen – erst ab der zweiten Änderung
-        // läuft die Transition. Gleiches Verhalten für Element und Pseudoelemente.
         transition:
             transform $hamburger-turn-speed cubic-bezier(0.55, 0.055, 0.675, 0.19),
             background-color $hamburger-color-timing;

package/scss/core/layout.scss

@@ -195,10 +195,14 @@ $mediaqueries: (
 
 
 // Distance
-@mixin marginPadding($layout, $mode, $position, $top: 0, $right: 0, $bottom: 0, $left: 0) {
+@mixin marginPadding($layout, $mode, $position, $top: 0, $right: 0, $bottom: 0, $left: 0, $important: null) {
 
     // @include mode($layout, padding/margin, all/top/right/bottom/left, 0, 0, 0, 0)
 
+    @if $important == true {
+        $important: !important;
+    }
+
     @if ( map.get(config.$units, $layout) == 'px' ) {
         $top: $top + px;
         $right: $right + px;
@@ -221,7 +225,7 @@ $mediaqueries: (
     }
 
     @if $position == all {
-        #{$mode}: $top $right $bottom $left;
+        #{$mode}: $top $right $bottom $left $important;
     }
     @if $position == top {
         #{$mode}-top: $top;