juplo.de Git - website/blob - sass/juplo.scss

   1 @charset "utf-8";
   2
   3 // Customization
   4
   5 // You can easily customize Bulma with your own variables.
   6 // Just uncomment the following block to see the result.
   7
   8 /*
   9 // 1. Import the initial variables
  10 @import "../node_modules/bulma/sass/utilities/initial-variables";
  11
  12 // 2. Set your own initial variables
  13 // Update the blue shade, used for links
  14 $blue: #06bcef;
  15 // Add pink and its invert
  16 $pink: #ff8080;
  17 $pink-invert: #fff;
  18 // Update the sans-serif font family
  19 $family-sans-serif: "Helvetica", "Arial", sans-serif;
  20
  21 // 3. Set the derived variables
  22 // Use the new pink as the primary color
  23 $primary: $pink;
  24 $primary-invert: $pink-invert;
  25
  26 // 4. Import the rest of Bulma
  27 */
  28
  29 @import "../node_modules/bulma/bulma";
  30 @import "../node_modules/@fortawesome/fontawesome-free/scss/fontawesome";
  31 @import "../node_modules/@fortawesome/fontawesome-free/scss/regular";
  32 @import "../node_modules/@fortawesome/fontawesome-free/scss/solid";
  33 @import "../node_modules/@fortawesome/fontawesome-free/scss/brands";
  34
  35 .navbar-item > .logo
  36 {
  37   max-height: none;
  38 }
  39
  40
  41 // Navigation
  42
  43 #navigation li.s.off
  44 {
  45   display: none;
  46 }
  47 #navigation li.s > a.s.selected
  48 {
  49   @extend .button;
  50   @extend .mb-3;
  51 }
  52 #navigation li.s > a.s.selected,
  53 #navigation li.s > strong.s
  54 {
  55   color: $primary;
  56 }