_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;