fp/packages/next/assets/styles/global.sass

50 lines
1.4 KiB
Sass
Raw Normal View History

2024-01-20 16:16:14 +00:00
@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%)