Add application layout styling
Added application navbar and the page background styling
This commit is contained in:
@@ -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;
|
||||
}
|
||||
Reference in New Issue
Block a user