assets/sass/main.scss

   1 // BOURBON
   2 @import "bourbon/bourbon";
   3 // HTML5UP
   4 @import 'libs/vars';
   5 @import 'libs/functions';
   6 @import 'libs/mixins';
   7 @import 'libs/my-mixins';
   8 @import 'libs/vendor';
   9 @import 'libs/breakpoints';
  10 @import 'libs/html-grid';
  11 // GOOGLE FONTS
  12 @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,400;0,600;1,400;1,600&family=Red+Hat+Mono&display=swap');
  13
  14 // Breakpoints.
  15
  16         @include breakpoints((
  17                 xlarge:    (1281px,   1680px   ),
  18                 large:     (981px,    1280px   ),
  19                 medium:    (737px,    980px    ),
  20                 small:     (481px,    736px    ),
  21                 xsmall:    (361px,    480px    ),
  22                 xxsmall:   (null,     360px    )
  23         ));
  24
  25
  26 // Mixins.
  27
  28         @mixin inner {
  29                 > .inner {
  30                         @include padding(4em, 0);
  31                         margin: 0 auto;
  32                         max-width: _size(inner);
  33                         width: calc(100% - 6em);
  34
  35                         @include breakpoint('<=small') {
  36                                 @include padding(3em, 0);
  37                                 width: calc(100% - 3em);
  38                         }
  39                 }
  40         }
  41
  42 // Base.
  43
  44         @import 'base/reset';
  45         @import 'base/page';
  46         @import 'base/typography';
  47
  48 // Component.
  49
  50         @import 'components/row';
  51         @import 'components/section';
  52         @import 'components/form';
  53         @import 'components/box';
  54         @import 'components/icon';
  55         @import 'components/image';
  56         @import 'components/list';
  57         @import 'components/actions';
  58         @import 'components/icons';
  59         @import 'components/pagination';
  60         @import 'components/table';
  61         @import 'components/button';
  62         @import 'components/tiles';
  63         @import 'components/contact-method';
  64         @import 'components/spotlights';
  65
  66 // Layout.
  67
  68         @import 'layout/header';
  69         @import 'layout/banner';
  70         @import 'layout/main';
  71         @import 'layout/contact';
  72         @import 'layout/footer';
  73         @import 'layout/wrapper';
  74         @import 'layout/menu';