Merge pull request #779 from BY00565233/SURF-2083

100stacks · web-flow · commit d5d3f48a58de · 2020-11-18T12:12:01.000-06:00
docs(scss): refactor panel less dev doc styles to scss
diff --git a/docs/components/_index.scss b/docs/components/_index.scss
@@ -3,6 +3,7 @@
 @import "grid/index";
 @import "icon/index";
 @import "navigation/index";
+@import "panel/index";
 @import "tabset/index";
 @import "tooltip/index";
 @import "typography/index";
@@ -14,6 +15,7 @@
 @import "email/spec";
 @import "file/spec";
 @import "menu/spec";
+@import "panel/spec";
 @import "popover/spec";
 @import "radio/spec";
 @import "textarea/spec";
diff --git a/docs/components/panel/_index.scss b/docs/components/panel/_index.scss
@@ -5,14 +5,14 @@
     min-height: 10rem;
 
     .hxPanel {
-      border: @demo-container-border;
+      border: $demo-container-border;
 
       > header {
-        border-bottom: @demo-container-border;
+        border-bottom: $demo-container-border;
       }
 
       > footer {
-        border-top: @demo-container-border;
+        border-top: $demo-container-border;
       }
     }
   }
diff --git a/docs/components/panel/_spec.scss b/docs/components/panel/_spec.scss
@@ -10,16 +10,16 @@
       /* Visualize Invisible Panel Boundaries */
       hx-panel, // DEPRECATED: remove in v1.0.0
       .hxPanel {
-        border: @demo-container-border;
+        border: $demo-container-border;
 
         > hx-panelhead, // DEPRECATED: remove in v1.0.0
         > header {
-          border-bottom: @demo-container-border;
+          border-bottom: $demo-container-border;
         }
 
         > hx-panelfoot, // DEPRECATED: remove in v1.0.0
         > footer {
-          border-top: @demo-container-border;
+          border-top: $demo-container-border;
         }
       }
     }
diff --git a/docs/docs.less b/docs/docs.less
@@ -171,12 +171,3 @@ min-version {
     }
   }
 }
-
-/* ---------------------------------------- *\
- * HELPERS
-\* ---------------------------------------- */
-
-// Import from docs/styles/*
-@import 'demo/panel-docs';
-// Spec Styles
-@import 'spec/panel-spec';

Original file line number	Diff line number	Diff line change
`@@ -5,14 +5,14 @@`
`5`	`5`	`min-height: 10rem;`
`6`	`6`
`7`	`7`	`.hxPanel {`
`8`		`- border: @demo-container-border;`
	`8`	`+ border: $demo-container-border;`
`9`	`9`
`10`	`10`	`> header {`
`11`		`- border-bottom: @demo-container-border;`
	`11`	`+ border-bottom: $demo-container-border;`
`12`	`12`	`}`
`13`	`13`
`14`	`14`	`> footer {`
`15`		`- border-top: @demo-container-border;`
	`15`	`+ border-top: $demo-container-border;`
`16`	`16`	`}`
`17`	`17`	`}`
`18`	`18`	`}`
Original file line number	Diff line number	Diff line change
`@@ -10,16 +10,16 @@`
`10`	`10`	`/* Visualize Invisible Panel Boundaries */`
`11`	`11`	`hx-panel, // DEPRECATED: remove in v1.0.0`
`12`	`12`	`.hxPanel {`
`13`		`- border: @demo-container-border;`
	`13`	`+ border: $demo-container-border;`
`14`	`14`
`15`	`15`	`> hx-panelhead, // DEPRECATED: remove in v1.0.0`
`16`	`16`	`> header {`
`17`		`- border-bottom: @demo-container-border;`
	`17`	`+ border-bottom: $demo-container-border;`
`18`	`18`	`}`
`19`	`19`
`20`	`20`	`> hx-panelfoot, // DEPRECATED: remove in v1.0.0`
`21`	`21`	`> footer {`
`22`		`- border-top: @demo-container-border;`
	`22`	`+ border-top: $demo-container-border;`
`23`	`23`	`}`
`24`	`24`	`}`
`25`	`25`	`}`
Original file line number	Diff line number	Diff line change
`@@ -171,12 +171,3 @@ min-version {`
`171`	`171`	`}`
`172`	`172`	`}`
`173`	`173`	`}`
`174`		`-`
`175`		`-/* ---------------------------------------- *\`
`176`		`- * HELPERS`
`177`		`-\* ---------------------------------------- */`
`178`		`-`
`179`		`-// Import from docs/styles/*`
`180`		`-@import 'demo/panel-docs';`
`181`		`-// Spec Styles`
`182`		`-@import 'spec/panel-spec';`