Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-22 21:14:30 -07:00
Code Issues Packages Projects Releases Wiki Activity

Fallback to rgb shadow color

Browse Source
This commit is contained in:
Jeremy Thomas
2020-08-15 13:25:39 +01:00
parent eef8f5577f
commit 2fc648fb94
5 changed files with 80 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
sass/components/navbar.sass
View File

@@ -32,7 +32,7 @@ $navbar-dropdown-radius: $radius-large !default
$navbar-dropdown-z: 20 !default
$navbar-dropdown-boxed-radius: $radius-large !default
$navbar-dropdown-boxed-shadow: 0 8px 8px bulmaRgba($scheme-invert, 0.1), 0 0 0 1px bulmaRgba($scheme-invert, 0.1) !default
$navbar-dropdown-boxed-shadow: 0 8px 8px bulmaRgba(#{$scheme-invert-rgb}, 0.1,), 0 0 0 1px bulmaRgba(#{$scheme-invert-rgb}, 0.1,) !default
$navbar-dropdown-item-hover-color: $scheme-invert !default
$navbar-dropdown-item-hover-background-color: $background !default
@@ -244,7 +244,7 @@ a.navbar-item,
display: none
.navbar-menu
background-color: $navbar-background-color
box-shadow: 0 8px 16px bulmaRgba($scheme-invert, 0.1)
box-shadow: 0 8px 16px rgba(var(--scheme-invert-rgb), 0.1)
padding: 0.5rem 0
&.is-active
display: block
@@ -256,7 +256,7 @@ a.navbar-item,
&.is-fixed-bottom-touch
bottom: 0
&.has-shadow
box-shadow: 0 -2px 3px bulmaRgba($scheme-invert, 0.1)
box-shadow: 0 -2px 3px rgba(var(--scheme-invert-rgb), 0.1)
&.is-fixed-top-touch
top: 0
&.is-fixed-top,
@@ -329,7 +329,7 @@ a.navbar-item,
border-radius: $navbar-dropdown-radius $navbar-dropdown-radius 0 0
border-top: none
bottom: 100%
box-shadow: 0 -8px 8px bulmaRgba($scheme-invert, 0.1)
box-shadow: 0 -8px 8px rgba(var(--scheme-invert-rgb), 0.1)
top: auto
&.is-active,
&.is-hoverable:focus,
@@ -356,7 +356,7 @@ a.navbar-item,
border-bottom-left-radius: $navbar-dropdown-radius
border-bottom-right-radius: $navbar-dropdown-radius
border-top: $navbar-dropdown-border-top
box-shadow: 0 8px 8px bulmaRgba($scheme-invert, 0.1)
box-shadow: 0 8px 8px rgba(var(--scheme-invert-rgb), 0.1)
display: none
font-size: 0.875rem
+ltr-position(0, false)
@@ -407,7 +407,7 @@ a.navbar-item,
&.is-fixed-bottom-desktop
bottom: 0
&.has-shadow
box-shadow: 0 -2px 3px bulmaRgba($scheme-invert, 0.1)
box-shadow: 0 -2px 3px rgba(var(--scheme-invert-rgb), 0.1)
&.is-fixed-top-desktop
top: 0
html,