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

css

Browse source
This commit is contained in:
nelle 2023-01-27 17:51:02 -07:00
parent c4a182a769
commit 7df7095772
2 changed files with 23 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -2650,7 +2650,7 @@ a.navbar-item,
.navbar-link:focus-within, .navbar-link:focus-within,
.navbar-link:hover, .navbar-link:hover,
.navbar-link.is-active { .navbar-link.is-active {
background-color: #fafafa; background-color: #070707;
color: #F5A9B8; } color: #F5A9B8; }
.navbar-item { .navbar-item {
@ -2766,11 +2766,11 @@ 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: #111111; background-color: whitesmoke;
color: #111111; } color: #0a0a0a; }
.navbar.is-transparent .navbar-dropdown a.navbar-item.is-active { .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
background-color: #111111; background-color: whitesmoke;
color: #111111; } color: #F5A9B8; }
.navbar-burger { .navbar-burger {
display: none; } display: none; }
.navbar-item, .navbar-item,
@ -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: #111111; background-color: white;
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,11 +2822,11 @@ 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: #111111; background-color: whitesmoke;
color: #111111; } color: #0a0a0a; }
.navbar-dropdown a.navbar-item.is-active { .navbar-dropdown a.navbar-item.is-active {
background-color: #111111; background-color: whitesmoke;
color: #111111; } color: #F5A9B8; }
.navbar.is-spaced .navbar-dropdown, .navbar-dropdown.is-boxed { .navbar.is-spaced .navbar-dropdown, .navbar-dropdown.is-boxed {
border-radius: 6px; border-radius: 6px;
border-top: none; border-top: none;
@ -2879,7 +2879,7 @@ a.navbar-item,
.navbar-link.is-active:not(:focus):not(:hover) { .navbar-link.is-active:not(:focus):not(:hover) {
background-color: transparent; } background-color: transparent; }
.navbar-item.has-dropdown:focus .navbar-link, .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link { .navbar-item.has-dropdown:focus .navbar-link, .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link {
background-color: #fafafa; } } background-color: #070707; } }
.hero.is-fullheight-with-navbar { .hero.is-fullheight-with-navbar {
min-height: calc(100vh - 3.25rem); } min-height: calc(100vh - 3.25rem); }

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

@ -6,18 +6,19 @@
// Set your brand colors // Set your brand colors
$lime:#00fdbe; $lime:#00fdbe;
$purple: #a45e8d; $purple: #a45e8d;
$pink: #F5A9B8; $trans-pink: #F5A9B8;
$beige-light: #eaeaea; $beige-light: #eaeaea;
$off-dark: #181516; $off-dark: #181516;
$off-off-dark: #070707; $off-off-dark: #070707;
$off-off-off-dark: #111111; $off-off-off-dark: #111111;
$trans-blue: #5bcefa;
// Update Bulma's global variables // Update Bulma's global variables
$family-sans-serif: "Nunito", sans-serif; $family-sans-serif: "Nunito", sans-serif;
$grey-dark: $purple; $grey-dark: $purple;
$grey-light: $beige-light; $grey-light: $beige-light;
$primary: $lime; $primary: $lime;
$link: $pink; $link: $trans-pink;
$widescreen-enabled: false; $widescreen-enabled: false;
$fullhd-enabled: false; $fullhd-enabled: false;
@ -30,16 +31,18 @@ $input-shadow: none;
//my shit //my shit
$title-color: $lime; $title-color: $lime;
$input-color: $link; $input-color: $trans-pink;
$primary: $lime; $primary: $lime;
$text-strong: $pink; $text-strong: $trans-pink;
/////navbar
$navbar-background-color: $off-off-dark; $navbar-background-color: $off-off-dark;
$navbar-item-color: $grey-dark; $navbar-item-color: $grey-dark;
$navbar-dropdown-background-color: $off-off-off-dark; $navbar-item-hover-background-color: $off-off-dark;
$navbar-dropdown-item-hover-color: $off-off-off-dark; //$navbar-dropdown-background-color: $off-off-off-dark;
$navbar-dropdown-item-hover-background-color: $off-off-off-dark; //$navbar-dropdown-item-hover-color: $off-off-off-dark;
$navbar-dropdown-item-active-color: $off-off-off-dark; //$navbar-dropdown-item-hover-background-color: $off-off-off-dark;
$navbar-dropdown-item-active-background-color: $off-off-off-dark; //$navbar-dropdown-item-active-color: $off-off-off-dark;
//$navbar-dropdown-item-active-background-color: $off-off-off-dark;
// Import only what you need from Bulma // Import only what you need from Bulma