diff --git a/scss/_root.scss b/scss/_root.scss index e64ae04e5..81d44b146 100644 --- a/scss/_root.scss +++ b/scss/_root.scss @@ -64,6 +64,10 @@ --#{$prefix}border-radius-pill: #{$border-radius-pill}; // scss-docs-end root-border-var + --#{$prefix}box-shadow: #{$box-shadow}; + --#{$prefix}box-shadow-sm: #{$box-shadow-sm}; + --#{$prefix}box-shadow-lg: #{$box-shadow-lg}; + --#{$prefix}link-color: #{$link-color}; --#{$prefix}link-hover-color: #{$link-hover-color}; diff --git a/site/content/docs/5.2/examples/headers/index.html b/site/content/docs/5.2/examples/headers/index.html index b8fc8b27b..6dd462746 100644 --- a/site/content/docs/5.2/examples/headers/index.html +++ b/site/content/docs/5.2/examples/headers/index.html @@ -7,10 +7,6 @@ body_class: "" --- - - Bootstrap - - @@ -33,263 +29,344 @@ body_class: ""

Headers examples

-
-
- - - Simple header +
-
- -
- -
-
- -
-
- -
- -
-
- - + + + + StackBlitz - - - -
- - -
-
+
-
- -
+
-
- - - - - - - - -
- - -
-
-
-
- -
- -
-
-
- - - - - - - - - -
-
-
- -
- -
-
- - -
- - - -
-
-
- -
-
-
-









-
-
-









-
+
-
- - -
-
- - - Double header +
+ -
+
+
+
+ +
+
+
-
-
-
+
+

Dark justified header

+ +
+ +
+
+
+ + + + + + +
+ + +
+
+
+
+ +
+

Dark header

+ +
+ +
+
+
- + -
+
+
+
+ +
+

Header with user dropdown

+ +
+ +
+
+
+
+ + + + + + + + + +
+
+
+
+ +
+

Header with app layout

+ +
+ + -
-
- -
- - +
+ + + +
+
+
+ +
+
+
+









+
+
+









- + -
+
+

Stacked headers

+
+ Copy + Open in StackBlitz +
+
+ +
+ +
+ +
+
+ + +
+

Stack header w/ icon nav

+
+ Copy + Open in StackBlitz +
+
+ +
+
+ +
+
+ + +
+ + +
+
+
+
+
diff --git a/site/layouts/_default/examples.html b/site/layouts/_default/examples.html index f70f859a6..d7e9d3ccb 100644 --- a/site/layouts/_default/examples.html +++ b/site/layouts/_default/examples.html @@ -18,6 +18,10 @@ {{ partial "favicons" . }}