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

Update button colors

Browse Source
This commit is contained in:
Jeremy Thomas
2022-12-17 01:11:23 +01:00
parent b73e183091
commit a41ce795ae
8 changed files with 889 additions and 669 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
sass/components/modal.scss
View File

@@ -2,7 +2,10 @@
$modal-z: 40 !default;
$modal-background-background-color: bulmargba(getVar("shadow-color-rgb"), 0.86) !default;
$modal-background-background-color: bulmaRgba(
getVar("shadow-color-rgb"),
0.86
) !default;
$modal-content-width: 640px !default;
$modal-content-margin-mobile: 20px !default;

15
sass/components/navbar.scss
View File

@@ -34,8 +34,9 @@ $navbar-dropdown-radius: getVar("radius-large") !default;
$navbar-dropdown-z: 20 !default;
$navbar-dropdown-boxed-radius: getVar("radius-large") !default;
$navbar-dropdown-boxed-shadow: 0 8px 8px bulmargba(getVar("shadow-color-rgb"), 0.1),
0 0 0 1px bulmargba(getVar("shadow-color-rgb"), 0.1) !default;
$navbar-dropdown-boxed-shadow: 0 8px 8px
bulmaRgba(getVar("shadow-color-rgb"), 0.1),
0 0 0 1px bulmaRgba(getVar("shadow-color-rgb"), 0.1) !default;
$navbar-dropdown-item-hover-color: getVar("scheme-invert") !default;
$navbar-dropdown-item-hover-background-color: getVar("background") !default;
@@ -396,7 +397,7 @@ a.#{$class-prefix}navbar-item,
.#{$class-prefix}navbar-menu {
background-color: getVar("navbar-background-color");
box-shadow: 0 8px 16px bulmargba(getVar("shadow-color-rgb"), 0.1);
box-shadow: 0 8px 16px bulmaRgba(getVar("shadow-color-rgb"), 0.1);
padding: 0.5rem 0;
&.is-active {
@@ -415,7 +416,7 @@ a.#{$class-prefix}navbar-item,
bottom: 0;
&.has-shadow {
box-shadow: 0 -2px 3px bulmargba(getVar("shadow-color-rgb"), 0.1);
box-shadow: 0 -2px 3px bulmaRgba(getVar("shadow-color-rgb"), 0.1);
}
}
@@ -541,7 +542,7 @@ a.#{$class-prefix}navbar-item,
getVar("navbar-dropdown-radius") 0 0;
border-top: none;
bottom: 100%;
box-shadow: 0 -8px 8px bulmargba(getVar("shadow-color-rgb"), 0.1);
box-shadow: 0 -8px 8px bulmaRgba(getVar("shadow-color-rgb"), 0.1);
top: auto;
}
}
@@ -585,7 +586,7 @@ a.#{$class-prefix}navbar-item,
border-bottom-left-radius: getVar("navbar-dropdown-radius");
border-bottom-right-radius: getVar("navbar-dropdown-radius");
border-top: getVar("navbar-dropdown-border-top");
box-shadow: 0 8px 8px bulmargba(getVar("shadow-color-rgb"), 0.1);
box-shadow: 0 8px 8px bulmaRgba(getVar("shadow-color-rgb"), 0.1);
display: none;
font-size: 0.875rem;
@include ltr-position(0, false);
@@ -662,7 +663,7 @@ a.#{$class-prefix}navbar-item,
bottom: 0;
&.has-shadow {
box-shadow: 0 -2px 3px bulmargba(getVar("shadow-color-rgb"), 0.1);
box-shadow: 0 -2px 3px bulmaRgba(getVar("shadow-color-rgb"), 0.1);
}
}