50 lines
1.4 KiB
Sass
50 lines
1.4 KiB
Sass
|
@charset "utf-8"
|
||
|
|
|
||
|
|
// Import a Google Font
|
||
|
|
@import url('https://fonts.googleapis.com/css?family=Nunito:400,700')
|
||
|
|
|
||
|
|
body
|
||
|
|
background-color: rgb(23, 24, 28)
|
||
|
|
|
||
|
|
|
||
|
|
// Set your brand colors
|
||
|
|
$purple: #8A4D76
|
||
|
|
$pink: #FA7C91
|
||
|
|
$brown: #757763
|
||
|
|
$beige-light: #D0D1CD
|
||
|
|
$beige-lighter: #EFF0EB
|
||
|
|
|
||
|
|
// Update Bulma's global variables
|
||
|
|
$family-sans-serif: "Nunito", sans-serif
|
||
|
|
$grey-dark: $brown
|
||
|
|
$grey-light: $beige-light
|
||
|
|
$primary: $purple
|
||
|
|
$link: $pink
|
||
|
|
$widescreen-enabled: false
|
||
|
|
$fullhd-enabled: false
|
||
|
|
|
||
|
|
// Update some of Bulma's component variables
|
||
|
|
$body-background-color: $beige-lighter
|
||
|
|
$control-border-width: 2px
|
||
|
|
$input-border-color: transparent
|
||
|
|
$input-shadow: none
|
||
|
|
|
||
|
|
// Import only what you need from Bulma
|
||
|
|
// @import "../node_modules/bulma/sass/utilities/_all.sass"
|
||
|
|
// @import "../node_modules/bulma/sass/base/_all.sass"
|
||
|
|
// @import "../node_modules/bulma/sass/elements/button.sass"
|
||
|
|
// @import "../node_modules/bulma/sass/elements/container.sass"
|
||
|
|
// @import "../node_modules/bulma/sass/elements/title.sass"
|
||
|
|
// @import "../node_modules/bulma/sass/form/_all.sass"
|
||
|
|
// @import "../node_modules/bulma/sass/components/navbar.sass"
|
||
|
|
// @import "../node_modules/bulma/sass/layout/hero.sass"
|
||
|
|
// @import "../node_modules/bulma/sass/layout/section.sass"
|
||
|
|
|
||
|
|
@import "../../node_modules/bulma/bulma.sass"
|
||
|
|
|
||
|
|
@import "../../node_modules/bulma-prefers-dark/bulma-prefers-dark.sass"
|
||
|
|
|
||
|
|
a.navbar-item:active,
|
||
|
|
a.navbar-item:focus,
|
||
|
|
a.navbar-item:focus-within
|
||
|
|
background-color: hsl(0, 0%, 20%)
|