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 $secondary:                                             #46ffc0
  13 $secondary-invert:                              #000000
  14 $success:                                               #1ae210
  15 $success-invert:                #ffffff
  16 $danger:                                                #ac001a
  17 $warning:                                               #f3ff50
  18
  19 // Custom Colours
  20 $lwl:                                                   #6534C8
  21
  22 $custom-colors: ("secondary" : ($secondary, $secondary-invert), "lwl" : ($lwl, $white))
  23
  24 // Use the primary colour for links
  25 $link:                                                  $primary
  26
  27 // Use black for titles
  28 $title-color:                   $grey-darker
  29
  30 // Use dark grey for text
  31 $text:                          $grey-darker
  32
  33 // Use the primary color for code
  34 $code:                                                  $primary
  35
  36 @import "../third-party/bulma/sass/utilities/derived-variables.sass"
  37
  38 // Controls
  39 $control-border-width:                                  4px
  40
  41 // Breadcrumbs
  42 $breadcrumb-item-color:         $primary
  43 $breadcrumb-item-hover-color:   $primary-dark
  44 $breadcrumb-item-active-color:  $primary
  45
  46 // section
  47 $section-padding:               3rem 1.5rem
  48 $section-padding-desktop:       3rem 0.5rem
  49
  50 // Import Bulma
  51 @import "../third-party/bulma/sass/utilities/_all.sass"
  52 @import "../third-party/bulma/sass/base/_all.sass"
  53 @import "../third-party/bulma/sass/components/_all.sass"
  54 @import "../third-party/bulma/sass/elements/_all.sass"
  55 @import "../third-party/bulma/sass/form/_all.sass"
  56 @import "../third-party/bulma/sass/grid/_all.sass"
  57 @import "../third-party/bulma/sass/helpers/_all.sass"
  58 @import "../third-party/bulma/sass/layout/_all.sass"
  59
  60 // Import fonts
  61 @import "_fonts"
  62
  63 // Import icons
  64 @import "_icons"
  65
  66 // Custom CSS
  67
  68 html, body
  69         min-height: 100vh;
  70
  71 #hero-index
  72         position: relative
  73         video
  74                 width: 100%;
  75                 height: 100%;
  76                 position: absolute;
  77                 object-fit: cover;
  78                 z-index: 0;
  79
  80 .footer
  81         a
  82                 color: $grey
  83                 &:hover
  84                         color: $black
  85
  86 // Used to wrap text on buttons
  87 .wrap-text
  88     height: max-content;
  89     white-space: inherit;
  90
  91 .map
  92         width: 100%;
  93         height: 100%;
  94         min-height: 24rem;