_sass/skins/minty.scss in chulapa-jekyll-1.0.1 vs _sass/skins/minty.scss in chulapa-jekyll-1.1.0

- old
+ new

@@ -5,10 +5,13 @@ // // Color system // +$web-font-path: "https://fonts.googleapis.com/css2?family=Montserrat&display=swap" !default; +@import url($web-font-path); + $white: #fff !default; $gray-100: #f8f9fa !default; $gray-200: #f7f7f9 !default; $gray-300: #eceeef !default; $gray-400: #ced4da !default; @@ -40,10 +43,21 @@ $dark: $gray-800 !default; $yiq-contrasted-threshold: 220 !default; +$min-contrast-ratio: 2 !default; +$navbar-chulapa-bg-color: $primary !default; +$navbar-chulapa-text-contrast: $white !default; +$navbar-chulapa-text-color: mix($navbar-chulapa-text-contrast, $navbar-chulapa-bg-color, 80%) !default; +$navbar-chulapa-hover-color: mix($navbar-chulapa-text-contrast, $navbar-chulapa-bg-color, 50%) !default; +$navbar-chulapa-toggler-border-color: transparent !default; + +$breadcrumb-divider-color: $gray-600 !default; +$breadcrumb-active-color: $breadcrumb-divider-color !default; + + // Body $body-color: $gray-600 !default; // Components @@ -111,12 +125,10 @@ // Bootswatch // Variables =================================================================== -$web-font-path: "https://fonts.googleapis.com/css?family=Montserrat&display=swap" !default; -@import url($web-font-path); // Navbar ====================================================================== .navbar { font-family: $headings-font-family; @@ -152,14 +164,5 @@ //SASS CUSTOM -$min-contrast-ratio: 2; -$navbar-chulapa-bg-color: $primary; -$navbar-chulapa-text-contrast: $white; -$navbar-chulapa-text-color: mix($navbar-chulapa-text-contrast, $navbar-chulapa-bg-color, 80%); -$navbar-chulapa-hover-color: mix($navbar-chulapa-text-contrast, $navbar-chulapa-bg-color, 50%); -$navbar-chulapa-toggler-border-color: transparent; - -$breadcrumb-divider-color: $gray-600; -$breadcrumb-active-color: $breadcrumb-divider-color;