// Import from materialize-sass gem materialize.scss

// Mixins @import “node_modules/materialize-css/sass/components/mixins”; //@import “node_modules/materialize-css/sass/components/color”; @import “override/color_override”;

// Variables; //@import “node_modules/materialize-css/sass/components/variables”; @import “override/variables_override”;

// Reset @import “node_modules/materialize-css/sass/components/normalize”;

// components @import “node_modules/materialize-css/sass/components/global”; //@import “node_modules/materialize-css/sass/components/badges”; @import “node_modules/materialize-css/sass/components/icons-material-design”; @import “node_modules/materialize-css/sass/components/grid”; @import “node_modules/materialize-css/sass/components/navbar”; //@import “node_modules/materialize-css/sass/components/roboto”; @import “node_modules/materialize-css/sass/components/typography”; @import “node_modules/materialize-css/sass/components/transitions”; @import “node_modules/materialize-css/sass/components/cards”; //@import “node_modules/materialize-css/sass/components/toast”; //@import “node_modules/materialize-css/sass/components/tabs”; @import “node_modules/materialize-css/sass/components/tooltip”; @import “node_modules/materialize-css/sass/components/buttons”; //@import “node_modules/materialize-css/sass/components/dropdown”; @import “node_modules/materialize-css/sass/components/waves”; //@import “node_modules/materialize-css/sass/components/modal”; //@import “node_modules/materialize-css/sass/components/collapsible”; //@import “node_modules/materialize-css/sass/components/chips”; //@import “node_modules/materialize-css/sass/components/materialbox”; //@import “node_modules/materialize-css/sass/components/forms/forms”; //@import “node_modules/materialize-css/sass/components/table_of_contents”; @import “node_modules/materialize-css/sass/components/sideNav”; //@import “node_modules/materialize-css/sass/components/preloader”; //@import “node_modules/materialize-css/sass/components/slider”; //@import “node_modules/materialize-css/sass/components/carousel”; @import “node_modules/materialize-css/sass/components/tapTarget”; //@import “node_modules/materialize-css/sass/components/pulse”; //@import “node_modules/materialize-css/sass/components/date_picker/default”; //@import “node_modules/materialize-css/sass/components/date_picker/default.date”; //@import “node_modules/materialize-css/sass/components/date_picker/default.time”;

// Define defaults for each variable.

$base-heading-font-family: 'Comfortaa', cursive !default; $base-body-font-family: 'Open Sans', sans-serif !default; $base-font-size: 16px !default; $base-font-weight: 400 !default; $body-font-weight-bold: 600 !default; $heading-font-weight-bold: 700 !default; $small-font-size: $base-font-size * 0.875 !default; $base-line-height: 1.5 !default;

$spacing-unit: 30px !default;

$heading-color: #000000 !default; $text-color: #2b2b2b !default; $background-color: ffffff !default;

$grey-color: #999 !default; $grey-color-light: lighten($grey-color, 5%) !default; $grey-color-dark: darken($grey-color, 10%) !default;

// Width of the content area $content-width: 800px !default;

$on-palm: 600px !default; $on-laptop: 800px !default;

@mixin media-query($device) {

@media screen and (max-width: $device) {
  @content;
}

}

// Import vendors @import “vendor/github”;

// Import partials. @import “materialized/base”, “materialized/layout” ;