limepotato/limepot-xyz
1
0
Fork 0
Code Issues 3 Pull requests Activity

bulma

Browse source
This commit is contained in:
nelle 2023-01-27 18:08:32 -07:00
parent 24fb740ba7
commit 2ec52af4f0
2 changed files with 13 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
BETA/mybulma/css/mystyles.css
View file

@ -166,7 +166,7 @@ th {
text-align: inherit; } text-align: inherit; }
html { html {
background-color: #181516; background-color: #1d1d1d;
font-size: 16px; font-size: 16px;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
@ -2698,7 +2698,7 @@ a.navbar-item,
padding-right: 1.5rem; } padding-right: 1.5rem; }
.navbar-divider { .navbar-divider {
background-color: whitesmoke; background-color: #1d1d1d;
border: none; border: none;
display: none; display: none;
height: 2px; height: 2px;
@ -2766,8 +2766,8 @@ a.navbar-item,
.navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link { .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link {
background-color: transparent !important; } background-color: transparent !important; }
.navbar.is-transparent .navbar-dropdown a.navbar-item:focus, .navbar.is-transparent .navbar-dropdown a.navbar-item:hover { .navbar.is-transparent .navbar-dropdown a.navbar-item:focus, .navbar.is-transparent .navbar-dropdown a.navbar-item:hover {
background-color: whitesmoke; background-color: #181516;
color: #0a0a0a; } color: #5bcefa; }
.navbar.is-transparent .navbar-dropdown a.navbar-item.is-active { .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
background-color: whitesmoke; background-color: whitesmoke;
color: #F5A9B8; } color: #F5A9B8; }
@ -2804,7 +2804,7 @@ a.navbar-item,
justify-content: flex-end; justify-content: flex-end;
margin-left: auto; } margin-left: auto; }
.navbar-dropdown { .navbar-dropdown {
background-color: white; background-color: #111111;
border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
border-top: 2px solid #dbdbdb; border-top: 2px solid #dbdbdb;
@ -2822,8 +2822,8 @@ a.navbar-item,
.navbar-dropdown a.navbar-item { .navbar-dropdown a.navbar-item {
padding-right: 3rem; } padding-right: 3rem; }
.navbar-dropdown a.navbar-item:focus, .navbar-dropdown a.navbar-item:hover { .navbar-dropdown a.navbar-item:focus, .navbar-dropdown a.navbar-item:hover {
background-color: whitesmoke; background-color: #181516;
color: #0a0a0a; } color: #5bcefa; }
.navbar-dropdown a.navbar-item.is-active { .navbar-dropdown a.navbar-item.is-active {
background-color: whitesmoke; background-color: whitesmoke;
color: #F5A9B8; } color: #F5A9B8; }

10
BETA/mybulma/sass/mystyles.scss
View file

@ -12,6 +12,7 @@ $off-dark: #181516;
$off-off-dark: #070707; $off-off-dark: #070707;
$off-off-off-dark: #111111; $off-off-off-dark: #111111;
$trans-blue: #5bcefa; $trans-blue: #5bcefa;
$greyish: #1d1d1d;
// Update Bulma's global variables // Update Bulma's global variables
$family-sans-serif: "Nunito", sans-serif; $family-sans-serif: "Nunito", sans-serif;
@ -23,7 +24,7 @@ $widescreen-enabled: false;
$fullhd-enabled: false; $fullhd-enabled: false;
// Update some of Bulma's component variables // Update some of Bulma's component variables
$body-background-color: $off-dark; $body-background-color: $greyish;
$control-border-width: 2px; $control-border-width: 2px;
$input-border-color: transparent; $input-border-color: transparent;
$input-shadow: none; $input-shadow: none;
@ -38,9 +39,10 @@ $text-strong: $trans-pink;
$navbar-background-color: $off-dark; $navbar-background-color: $off-dark;
$navbar-item-color: $trans-pink; $navbar-item-color: $trans-pink;
$navbar-item-hover-background-color: $off-off-dark; $navbar-item-hover-background-color: $off-off-dark;
//$navbar-dropdown-background-color: $off-off-off-dark; $navbar-dropdown-background-color: $off-off-off-dark;
//$navbar-dropdown-item-hover-color: $off-off-off-dark; $navbar-dropdown-item-hover-color: $trans-blue;
//$navbar-dropdown-item-hover-background-color: $off-off-dark; $navbar-dropdown-item-hover-background-color: $off-dark;
$navbar-divider-background-color: $greyish;
//$navbar-dropdown-item-active-color: $off-off-off-dark; //$navbar-dropdown-item-active-color: $off-off-off-dark;
//$navbar-dropdown-item-active-background-color: $off-off-dark; //$navbar-dropdown-item-active-background-color: $off-off-dark;