remove example sass from vanilla bundle

canonical · May 10, 2024 · 2c56fbe · 2c56fbe
1 parent b339931
commit 2c56fbe
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 31 deletions.
diff --git a/scss/_utilities_example_controls.scss b/scss/_utilities_example_controls.scss
diff --git a/scss/_vanilla.scss b/scss/_vanilla.scss
@@ -89,7 +89,6 @@
 @import 'utilities_no-print';
 @import 'utilities_text-max-width';
 @import 'utilities_text-figures';
-@import 'utilities_example_controls';
 
 // Include all the CSS
 @mixin vanilla {
@@ -183,5 +182,4 @@
   @include vf-u-no-print;
   @include vf-u-text-max-width;
   @include vf-u-text-figures;
-  @include vf-u-example-controls;
 }
diff --git a/scss/docs/example.scss b/scss/docs/example.scss
@@ -2,10 +2,33 @@
 
 @import '../vanilla';
 @include vf-u-baseline-grid;
-@include vf-u-example-controls;
+@include vf-b-button;
+@include vf-p-segmented-control;
+@include vf-p-forms-inline;
 
 // stylelint-disable selector-max-type -- examples can use type selectors
 body {
   margin: 1rem;
 }
 // stylelint-enable selector-max-type
+
+.u-example-controls {
+  align-items: center;
+  background-color: $colors--theme--background-default;
+  bottom: $spv--x-large;
+  padding: $spv--small 0 $spv--small $sph--x-large;
+  position: fixed;
+  right: $sp-unit * 3;
+
+  .u-theme-toggle__button {
+    text-transform: capitalize;
+  }
+
+  @media (max-width: $breakpoint-large) {
+    padding-right: $sph--x-large;
+  }
+
+  @media only percy {
+    visibility: hidden !important;
+  }
+}