Add application layout styling

Added application navbar and the page background styling
This commit is contained in:
Yannick
2020-04-07 20:33:47 +02:00
parent 59faa4e545
commit 7e4280d451
3 changed files with 69 additions and 22 deletions

View File

@@ -14,18 +14,29 @@
*= require_self
*/
@import "bulma/sass/utilities/initial-variables";
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&family=Lobster&display=swap');
$family-sans-serif: "Helvetica",
"Arial",
sans-serif;
// https://coolors.co/06aed5-086788-f0c808-fff1d0-dd1c1a
$blue: #083d77;
$red: #dd1c1a;
$orange: #ee964b;
$yellow: #f4d35e;
$light: #f5fafe; // #ebebd3;
$primary: $blue;
$green: #007932; // hsl(141, 53%, 53%);
$footer-background-color: $light;
$family-primary: 'Quicksand', sans-serif;
@import 'bulma/bulma';
// // https://coolors.co/06aed5-086788-f0c808-fff1d0-dd1c1a
// $blue: #083d77;
// $red: #dd1c1a;
// $orange: #ee964b;
// $yellow: #f4d35e;
// $light: #f5fafe; // #ebebd3;
// $primary: $blue;
// $green: #007932; // hsl(141, 53%, 53%);
// $footer-background-color: $light;
@import 'bulma/bulma';
.is-font-logo {
font-family: 'Lobster', cursive;
}
body {
min-height: 100vh;
}