Merge pull request #380 from woylie/update-box-banner-styles

update box banner styles
woylie · Sep 25, 2024 · e230549 · e230549
2 parents 6e694cf + 97ccb43
commit e230549
Show file tree

Hide file tree

Showing 5 changed files with 72 additions and 105 deletions.
diff --git a/demo/assets/css/components/_box.scss b/demo/assets/css/components/_box.scss
@@ -29,8 +29,16 @@
     }
 
     > .box-banner {
-      flex: 0 0 100%;
+      flex: 0 0 calc(100% + #{f.spacer(12)});
       order: -1;
+      margin-top: f.spacer(-6);
+      margin-bottom: f.lines(0.5);
+      margin-left: f.spacer(-6);
+
+      > img {
+        border-top-left-radius: f.radius(m);
+        border-top-right-radius: f.radius(m);
+      }
     }
   }
 

diff --git a/demo/assets/css/layouts/_level.scss b/demo/assets/css/layouts/_level.scss
@@ -15,13 +15,13 @@
   gap: var(--gap);
 
   > :first-child {
-    flex-basis: var(--width-left, 50%);
     flex-grow: 1;
+    flex-basis: var(--width-left, 50%);
   }
 
   > :last-child {
-    flex-basis: var(--width-right, 50%);
     flex-grow: 1;
+    flex-basis: var(--width-right, 50%);
   }
 
   /*

diff --git a/demo/assets/css/layouts/_with-sidebar.scss b/demo/assets/css/layouts/_with-sidebar.scss
@@ -28,26 +28,26 @@
 
   &:not(.has-sidebar-right) {
     > :first-child {
-      flex-basis: var(--sidebar-width);
       flex-grow: 1;
+      flex-basis: var(--sidebar-width);
     }
 
     > :last-child {
-      flex-basis: 0;
       flex-grow: 666;
+      flex-basis: 0;
       min-width: var(--content-min-width);
     }
   }
 
   &.has-sidebar-right {
     > :last-child {
-      flex-basis: var(--sidebar-width);
       flex-grow: 1;
+      flex-basis: var(--sidebar-width);
     }
 
     > :first-child {
-      flex-basis: 0;
       flex-grow: 666;
+      flex-basis: 0;
       min-width: var(--content-min-width);
     }
   }

diff --git a/demo/assets/package.json b/demo/assets/package.json
@@ -27,7 +27,7 @@
     "prettier": "^3.3.3",
     "style-dictionary": "^4.1.2",
     "stylelint": "^16.9.0",
-    "stylelint-config-recess-order": "^5.1.0",
+    "stylelint-config-recess-order": "^5.1.1",
     "stylelint-config-standard-scss": "^13.1.0",
     "stylelint-declaration-strict-value": "^1.10.6"
   },