60 lines
1.1 KiB
SCSS
60 lines
1.1 KiB
SCSS
// coolors.co pallet
|
|
$coolors-dark: rgba(29, 30, 24, 1);
|
|
$coolors-blue: rgba(67, 127, 151, 1);
|
|
$coolors-green: rgba(121, 167, 54, 1);
|
|
$coolors-red: #ab4c34;
|
|
$coolors-yellow: rgba(240, 162, 2, 1);
|
|
|
|
$family-serif: Georgia, "Times New Roman", Times, serif;
|
|
|
|
@use "bulma/versions/bulma-no-dark-mode" as bulma with (
|
|
$family-primary: $family-serif,
|
|
$green: $coolors-green,
|
|
$blue: $coolors-blue,
|
|
$red: $coolors-red,
|
|
$yellow: $coolors-yellow,
|
|
$dark: $coolors-dark,
|
|
$primary: $coolors-green,
|
|
$modal-content-width: 750px
|
|
);
|
|
|
|
@import "./responsive_controls";
|
|
@import "./wide_modal";
|
|
@import "./iconic";
|
|
@import "./transitions";
|
|
|
|
html {
|
|
height: 100%;
|
|
}
|
|
|
|
body {
|
|
min-height: 100%;
|
|
}
|
|
|
|
body {
|
|
background-color: bulma.$grey-dark;
|
|
padding-bottom: 2rem;
|
|
}
|
|
|
|
#main {
|
|
padding-top: 1rem;
|
|
|
|
.container {
|
|
padding: 1rem;
|
|
background-color: bulma.$white;
|
|
min-height: 75vh;
|
|
}
|
|
}
|
|
|
|
.title, .subtitle, .navbar, .button, .pagination, .modal-card-title, th {
|
|
font-family: bulma.$family-sans-serif;
|
|
}
|
|
|
|
.pagination:not(:last-child) {
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.is-strikethrough {
|
|
text-decoration: line-through;
|
|
}
|