src/sass/main.sass

   1 @charset "utf-8"
   2
   3 // Import some basic variables from Bulma
   4 @import "../third-party/bulma/sass/utilities/initial-variables.sass"
   5
   6 // Global Settings
   7 $family-sans-serif:                             Prompt, sans-serif
   8
   9 // Colour Palette
  10 $primary:                                               #ff2e52
  11 $primary-invert:                                #ffffff
  12 $success:                                               #3adb76
  13 $success-invert:                #ffffff
  14 $yellow:                                                #e7e247
  15 $red:                                                   #cc4b47
  16 $black:                         #000000
  17
  18 // Custom Colours
  19 $lwl:                                                   #6534C8
  20
  21 $custom-colors: ("lwl" : ($lwl, $white))
  22
  23 // Use the primary colour for links
  24 $link:                                                  $primary
  25
  26 // Use black for titles
  27 $title-color:                   $black
  28
  29 // Use dark grey for text
  30 $text:                          #4f4f4f
  31
  32 @import "../third-party/bulma/sass/utilities/derived-variables.sass"
  33
  34 // Controls
  35 $control-border-width:                                  4px
  36
  37 // Breadcrumbs
  38 $breadcrumb-item-color:         $primary
  39 $breadcrumb-item-hover-color:   $primary-dark
  40 $breadcrumb-item-active-color:  $primary
  41
  42 // section
  43 $section-padding:               3rem 1.5rem
  44 $section-padding-desktop:       3rem 0.5rem
  45
  46 // Import Bulma
  47 @import "../third-party/bulma/sass/utilities/_all.sass"
  48 @import "../third-party/bulma/sass/base/_all.sass"
  49 @import "../third-party/bulma/sass/components/_all.sass"
  50 @import "../third-party/bulma/sass/elements/_all.sass"
  51 @import "../third-party/bulma/sass/form/_all.sass"
  52 @import "../third-party/bulma/sass/grid/_all.sass"
  53 @import "../third-party/bulma/sass/helpers/_all.sass"
  54 @import "../third-party/bulma/sass/layout/_all.sass"
  55
  56 // Import fonts
  57 @import "_fonts"
  58
  59 // Import icons
  60 @import "_icons"
  61
  62 // Custom CSS
  63
  64 #hero-index
  65     background-image: url("img/bg-img.jpg");
  66     background-position: center;
  67     background-repeat: no-repeat;
  68     background-size: cover;