72 lines
1.5 KiB
SCSS
72 lines
1.5 KiB
SCSS
@charset "utf-8";
|
|
|
|
// colours
|
|
$eerie-black: #1B1B1B;
|
|
$eclipse-grey: #3D3D3D;
|
|
|
|
$white: #FFFFFF;
|
|
$green: #30AD23;
|
|
$light-green: #82CD7B;
|
|
|
|
// update bulma variables
|
|
$text: $white;
|
|
$text-strong: $white;
|
|
$link: $light-green;
|
|
$link-hover: $green;
|
|
|
|
$code: #ffcfaf;
|
|
$code-background: $eclipse-grey;
|
|
|
|
$body-background-color: $eerie-black;
|
|
|
|
$card-color: $white;
|
|
$card-header-color: $white;
|
|
$card-background-color: $eclipse-grey;
|
|
$card-header-color: $eclipse-grey;
|
|
|
|
$navbar-background-color: $eclipse-grey;
|
|
$navbar-item-color: $white;
|
|
$navbar-item-hover-background-color: $eclipse-grey;
|
|
$navbar-breakpoint: 500px;
|
|
|
|
$footer-background-color: $eclipse-grey;
|
|
|
|
// own styles
|
|
.hero-body {
|
|
background-image: url(./images/hero_tea_field.avif);
|
|
background-size: cover;
|
|
background-position: center center;
|
|
background-repeat: no-repeat;
|
|
background-attachment: fixed;
|
|
}
|
|
|
|
.hero-subtitle {
|
|
padding-bottom: 40vh;
|
|
}
|
|
|
|
.logo-image {
|
|
height: 300px;
|
|
min-height: 200px;
|
|
width: auto;
|
|
}
|
|
|
|
.card {
|
|
height: 500px;
|
|
}
|
|
|
|
// Import only what you need from Bulma
|
|
@import "./bulma/sass/utilities/_all.sass";
|
|
@import "./bulma/sass/base/_all.sass";
|
|
@import "./bulma/sass/layout/_all.sass";
|
|
|
|
@import "./bulma/sass/components/card.sass";
|
|
@import "./bulma/sass/components/navbar.sass";
|
|
@import "./bulma/sass/elements/container.sass";
|
|
@import "./bulma/sass/elements/content.sass";
|
|
@import "./bulma/sass/elements/title.sass";
|
|
@import "./bulma/sass/helpers/typography.sass";
|
|
@import "./bulma/sass/grid/tiles.sass";
|
|
@import "./bulma/sass/helpers/flexbox.sass";
|
|
|
|
// @import "./bulma/bulma.sass"
|