chulapa-jekyll 1.0.1 → 2.0.0

data/_sass/skins/lux.scss

@@ -7,6 +7,10 @@
 // Color system
 //
 
+$web-font-path: "https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600&display=swap" !default;
+@import url($web-font-path);
+
+
 $white: #fff !default;
 $gray-100: #f8f9fa !default;
 $gray-200: #f7f7f9 !default;
@@ -41,9 +45,10 @@ $dark: $gray-800 !default;
 
 $yiq-contrasted-threshold: 185 !default;
 
-// Options
+$enable-rounded: false !default;
+$link-color: $cyan !default;
 
-$enable-rounded: false ;
+// Options
 
 // Body
 
@@ -143,8 +148,6 @@ $font-size-sm: $font-size-base * .875 !default;
 
 // Variables ===================================================================
 
-$web-font-path: "https://fonts.googleapis.com/css?family=Nunito+Sans:400,600&display=swap" !default;
-@import url($web-font-path);
 
 // Navbar ======================================================================
 
@@ -173,11 +176,11 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Nunito+Sans:400,600&dis
     border: 1px solid rgba(0, 0, 0, 0.1);
 
     &.navbar-fixed-top {
-        border-width: 0 0 1px 0;
+        border-width: 0 0 1px;
     }
 
     &.navbar-bottom-top {
-        border-width: 1px 0 0 0;
+        border-width: 1px 0 0;
     }
 }
 
@@ -338,10 +341,6 @@ th {
 }
 
 //CUSTOM SASS
-$enable-rounded: false;
-$white: white;
-$link-color: $cyan;
-
 .navbar-chulapa {
     .dropdown-item {
         font-size: $font-size-sm;

data/_sass/skins/lymcha.scss

@@ -1,14 +1,14 @@
 /*! Tophat `Lymcha` Bootstrap 4.3.1 theme */
-@import url(https://fonts.googleapis.com/css?family=Muli:200,300,400,700);
-$headings-font-family:Muli;
+@import url('https://fonts.googleapis.com/css2?family=Muli:wght@200;300;400;700&display=swap');
+$headings-font-family:Muli !default;
 
-$primary:#07689F;
-$secondary:#C9D6DF;
-$success:#11D3BC;
-$danger:#F67280;
-$info:#A2D5F2;
-$warning:#FF7E67;
-$light:#FAFAFA;
-$dark:#4e4e4e;
+$primary:#07689F !default;
+$secondary:#C9D6DF !default;
+$success:#11D3BC !default;
+$danger:#F67280 !default;
+$info:#A2D5F2 !default;
+$warning:#FF7E67 !default;
+$light:#FAFAFA !default;
+$dark:#4e4e4e !default;
 
 // Add SASS theme customizations here..

data/_sass/skins/media.scss

@@ -0,0 +1,54 @@
+@import url('https://fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&family=Mona+Sans:ital,wght@0,200..900;1,200..900&family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap');
+$font-family-base: 'Source Serif', Georgia, Cambria, 'Times New Roman', Times, serif !default; 
+$headings-font-family: 'Mona Sans', "Helvetica Neue", Helvetica, Arial, sans-serif !default;
+$headings-font-weight: 900 !default;
+$input-btn-font-family:$headings-font-family !default;
+$font-family-monospace: Inconsolata, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
+
+
+
+$primary: #242424 !default;
+$black: #242424 !default;
+$white: #ffffff !default;
+$secondary: $black !default;
+$text-muted:#757575 !default;
+$success: #1a8917 !default;
+$warning: #FFC017 !default;
+$danger: #cc5454 !default;
+$info: rgba(0, 0, 0, .54) !default;
+$link-color: #0000008a;
+
+
+$navbar-chulapa-bg-color: $white !default;
+$navbar-chulapa-toggler-border-color: transparent !default;
+$navbar-chulapa-text-color: $text-muted !default;
+$navbar-chulapa-hover-color:  #A8A8A8 !default;
+$navbar-chulapa-brand-color: $navbar-chulapa-text-color !default;
+
+$footer-chulapa-bg-color: $black !default;
+$footer-chulapa-text-color: $white !default;
+$footer-chulapa-hover-color: $primary !default;
+
+$thead-chulapa-bg-color: $white !default;
+
+nav, footer, button, input, label, legend, table, form, aside, header,
+.nav, .card-header, .badge, .pagination, .breadcrumb, .chulapa-toc-wrapper, .chulapaDateSocial,
+.footnotes, #markdown-toc {
+    font-family: $headings-font-family;
+}
+.chulapa-links-hover-only i, .chulapaDateSocial i {
+  color: $primary;
+}
+
+label {
+  font-family: $headings-font-family !important;
+  font-weight: $headings-font-weight !important;
+}
+
+.hero-chulapa h1, 
+.hero-chulapa-image h1, 
+.splash-chulapa h1, 
+.splash-chulapa-image h1 {
+  font-family: $headings-font-family;
+  font-weight: $headings-font-weight !important;
+}

data/_sass/skins/mickie.scss

@@ -0,0 +1,13 @@
+/*! Tophat `Mickie` Bootstrap 4.3.1 theme */
+@import url(https://fonts.googleapis.com/css?family=Raleway:200,300,400,700);
+$headings-font-family:Raleway;
+
+$primary:#f6648C;
+$secondary:#CACACA;
+$success:#035668;
+$danger:#FF444F;
+$info:#3F81C7;
+$warning:#0DE2EA;
+$light:#eAeAeA;
+$dark:#223322;
+

data/_sass/skins/minco.scss

@@ -0,0 +1,12 @@
+/*! Tophat `Minco` Bootstrap 4.3.1 theme */
+@import url(https://fonts.googleapis.com/css?family=Crete+Round:200,300,400,700);
+$headings-font-family:'Crete Round';
+
+$primary:#083358;
+$secondary:#F67280;
+$success:#0074E4;
+$danger:#FF4057;
+$info:#74DBEF;
+$warning:#FC3C3C;
+$light:#F2F2F0;
+$dark:#072247;

data/_sass/skins/minty.scss

@@ -7,6 +7,9 @@
 // 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;
@@ -42,6 +45,17 @@ $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;
@@ -113,8 +127,6 @@ $breadcrumb-active-color: $breadcrumb-divider-color !default;
 
 // Variables ===================================================================
 
-$web-font-path: "https://fonts.googleapis.com/css?family=Montserrat&display=swap" !default;
-@import url($web-font-path);
 
 // Navbar ======================================================================
 
@@ -154,12 +166,3 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Montserrat&display=swap
 
 //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;

data/_sass/skins/monotone.scss

@@ -0,0 +1,14 @@
+/*! Tophat `Monotone` Bootstrap 4.3.1 theme */
+@import url(https://fonts.googleapis.com/css?family=Montserrat:200,300,400,700);
+$font-family-base:Montserrat;
+@import url(https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,700);
+$headings-font-family:"Open Sans";
+
+$primary:#222222;
+$secondary:#666666;
+$success:#333333;
+$danger:#434343;
+$info:#515151;
+$warning:#5f5f5f;
+$light:#eceeec;
+$dark:#111111;

data/_sass/skins/pear.scss

@@ -1,21 +1,20 @@
-@import url('https://fonts.googleapis.com/css2?family=Raleway&family=Source+Sans+Pro&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap');
+$font-family-base: 'Source Sans Pro', sans-serif !default;
+$headings-font-family: 'Raleway', sans-serif !default;
 
-$font-family-base: 'Source Sans Pro', sans-serif;
-$headings-font-family: 'Raleway', sans-serif;
-
-$primary: #1abc9c;
-$info: #17a2b8;
-$success: #28a745;
-$warning: #ffc107;
-$danger: #dc3545;
-$light: mix(white,$primary,85%);
-$dark: #343a40;
-$link-color: #1abc9c;
-$body-color: #444;
-$body-bg: mix(white,$primary,95%);
-$font-size-base: 1.125rem;
-$navbar-chulapa-toggler-border-color: transparent;
-$border-width:3px;
-$btn-border-radius:  1.35rem ;
-$btn-border-radius-lg: 10rem;
-$btn-border-radius-sm:  1rem ;
+$primary: #1abc9c !default;
+$info: #17a2b8 !default;
+$success: #28a745 !default;
+$warning: #ffc107 !default;
+$danger: #dc3545 !default;
+$light: mix(white,$primary,85%) !default;
+$dark: #343a40 !default;
+$link-color: #1abc9c !default;
+$body-color: #444 !default;
+$body-bg: mix(white,$primary,95%) !default;
+$font-size-base: 1.125rem !default;
+$navbar-chulapa-toggler-border-color: transparent !default;
+$border-width:3px !default;
+$btn-border-radius:  1.35rem !default;
+$btn-border-radius-lg: 10rem !default;
+$btn-border-radius-sm:  1rem !default;

data/_sass/skins/preptor.scss

@@ -1,19 +1,18 @@
 /*! Tophat `Preptor` Bootstrap 4.3.1 theme */
-@import url(https://fonts.googleapis.com/css?family=Muli:200,300,400,700);
-$font-family-base:Muli;
-@import url(https://fonts.googleapis.com/css?family=Lato:200,300,400,700);
-$headings-font-family:Lato;
+@import url('https://fonts.googleapis.com/css2?family=Muli:wght@200;300;400;700&family=Lato:wght@200;300;400;700&display=swap');
+$font-family-base:Muli !default;
+$headings-font-family:Lato !default;
 
-$primary:#D80E70;
-$secondary:#dddddd;
-$success:#4EF037;
-$danger:#FA4659;
-$info:#00BBF0;
-$warning:#f4f133;
-$light:#eeeeee;
-$dark:#353535;
+$primary:#D80E70 !default;
+$secondary:#dddddd !default;
+$success:#4EF037 !default;
+$danger:#FA4659 !default;
+$info:#00BBF0 !default;
+$warning:#f4f133 !default;
+$light:#eeeeee !default;
+$dark:#353535 !default;
 
 // Add SASS theme customizations here..
-$hero-chulapa-bg-color:$primary;
-$blockquote-chulapa-bg-color: mix(white,$primary,80%);
+$hero-chulapa-bg-color:$primary !default;
+$blockquote-chulapa-bg-color: mix(white,$primary,80%) !default;
 

data/_sass/skins/skeeblu.scss

@@ -0,0 +1,20 @@
+/*! Tophat `Skeeblu` Bootstrap 4.3.1 theme */
+@import url(https://fonts.googleapis.com/css?family=Yantramanav:200,300,400,700);
+$headings-font-family:Yantramanav;
+
+$primary:#27a2fc;
+$secondary:#a0b7bc;
+$success:#37bd74;
+$danger:#e8286b;
+$info:#7ebcfa;
+$warning:#ff9b37;
+$light:#eef0f2;
+$dark:#3c4055;
+
+
+$body-bg:#efefef;
+
+$navbar-chulapa-text-color: $body-bg;
+$hero-chulapa-text-color: $body-bg;
+$footer-chulapa-text-color: $body-bg;
+$footer-chulapa-hover-color: $secondary;

data/_sass/skins/sketchy.scss

@@ -4,6 +4,9 @@
 // Color system
 //
 
+$web-font-path: "https://fonts.googleapis.com/css2?family=Neucha&family=Cabin+Sketch&display=swap" ;
+@import url($web-font-path);
+
 $white: #fff ;
 $gray-100: #f8f9fa ;
 $gray-200: #f7f7f9 ;
@@ -185,8 +188,6 @@ $close-text-shadow: none ;
 
 // Variables ===================================================================
 
-$web-font-path: "https://fonts.googleapis.com/css?family=Neucha|Cabin+Sketch&display=swap" ;
-@import url($web-font-path);
 
 $border-radius: 255px 25px 225px 25px/25px 225px 25px 255px;
 $border-radius-lg: 555px 25px 15px 25px/25px 5px 35px 555px;
@@ -212,12 +213,12 @@ $border-radius-sm-sketchy: 255px 25px 225px 25px/25px 225px 25px 255px;
 
     &.fixed-top {
         border-radius: 0 25px 225px 0/25px 0 25px 255px !important;
-        border-width: 0 0 2px 0 !important;
+        border-width: 0 0 2px !important;
     }
 
     &.fixed-bottom {
         border-radius: 255px 25px 0 25px/25px 225px 25px 0 !important;
-        border-width: 2px 0 0 0 !important;
+        border-width: 2px 0 0 !important;
     }
 
     &-brand {

data/_sass/skins/sunset.scss

@@ -1,14 +1,14 @@
 /*! Tophat `Sunset` Bootstrap 4.3.1 theme */
-@import url(https://fonts.googleapis.com/css?family=Voltaire:200,300,400,700);
-$headings-font-family:Voltaire;
+@import url('https://fonts.googleapis.com/css2?family=Voltaire:wght@200;300;400;700&display=swap');
+$headings-font-family:Voltaire !default;
 
-$primary:#2F414A;
-$secondary:#F47B53;
-$success:#420084;
-$danger:#f2460d;
-$info:#7ebcfa;
-$warning:#ff9933;
-$light:#eef0f2;
-$dark:#000633;
+$primary:#2F414A !default;
+$secondary:#F47B53 !default;
+$success:#420084 !default;
+$danger:#f2460d !default;
+$info:#7ebcfa !default;
+$warning:#ff9933 !default;
+$light:#eef0f2 !default;
+$dark:#000633 !default;
 
 // Add SASS theme customizations here..

data/_sass/skins/towards.scss

@@ -0,0 +1,21 @@
+@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');
+
+$font-family-base: "Work Sans", sans-serif;
+$headings-font-family: $font-family-base;
+$headings-font-weight:  bold;
+
+$body-color: #2a2a2a;
+$primary: #355876;
+$secondary: #757575;
+$success:   #00d084;
+$info:  #8ed1fc;
+$warning:     #fcb900;
+$danger:      #cf2e2e;
+
+.hero-chulapa h1,
+.hero-chulapa-image h1,
+.splash-chulapa h1,
+.splash-chulapa-image h1 {
+  font-family: $headings-font-family;
+  font-weight: $headings-font-weight !important;
+}

data/_sass/skins/twitter-dim.scss

@@ -1,30 +1,40 @@
 //Twitter dim
 // Some bootstrap variables
-$primary: #1da1f2;
-$secondary:#788995;
-$success: #17bf63;
-$warning: #ffad1f;
-$danger: #e0245e;
-$info: #794bc4;
-$dark: #192734;
-$body-bg:#15202b;
-$body-color: #fff;
-$hero-chulapa-bg-color:#15202b;
-$thead-chulapa-bg-color: $primary;
-$blockquote-chulapa-bg-color: mix(white, $primary, 80%);
-$blockquote-chulapa-text-color: mix(black, $primary, 80%);
-
-$navbar-chulapa-bg-color: #15202b;
-$navbar-chulapa-text-color: white;
-$navbar-chulapa-brand-color: white;
-$navbar-chulapa-hover-color: $primary;
-$navbar-chulapa-active-color: $primary;
-
-$footer-chulapa-text-color: white;
-$footer-chulapa-hover-color: $primary;
-
-$pagination-chulapa-bg-hover-color: $primary;
-
-$min-contrast-ratio: 2;
-
-$breadcrumb-divider: quote(">");
+$primary: #1da1f2 !default;
+$secondary:#788995 !default;
+$success: #17bf63 !default;
+$warning: #ffad1f !default;
+$danger: #DF5388 !default;
+$info: #8C7FAA !default;
+$dark: #192734 !default;
+$black: #15202b !default;
+$white: #fff !default;
+$body-bg: $black !default;
+$body-color: $white !default;
+$hero-chulapa-bg-color:#15202b !default;
+$thead-chulapa-bg-color: $primary !default;
+$blockquote-chulapa-bg-color: mix($body-bg, $primary, 80%) !default;
+$blockquote-chulapa-text-color: mix($body-color, $primary, 95%) !default;
+$pre-chulapa-bg-color: mix($body-color, $primary, 95%) !default;
+
+
+$navbar-chulapa-bg-color: $body-bg !default;
+$navbar-chulapa-text-color: $body-color !default;
+$navbar-chulapa-brand-color: $body-color !default;
+$navbar-chulapa-hover-color: $primary !default;
+$navbar-chulapa-active-color: $primary !default;
+$dropdown-link-active-bg: lighten($primary, 30%) !default;
+
+$footer-chulapa-text-color: $body-color !default;
+$footer-chulapa-hover-color: $primary !default;
+
+$pagination-chulapa-bg-hover-color: $primary !default;
+
+$min-contrast-ratio: 2 !default;
+
+$breadcrumb-divider: quote(">") !default;
+
+// Lines for dark themes
+
+@import "skins/dark-bg";
+

data/_sass/skins/twitter-lights-out.scss

@@ -1,31 +1,39 @@
 // Some bootstrap variables
-$primary: #1da1f2;
-$secondary:#788995;
-$success: #17bf63;
-$warning: #ffad1f;
-$danger: #e0245e;
-$info: #794bc4;
-$light: #c1c2c2;
-$dark: #15181c;
-$body-bg:#000;
-$body-color: $light;
-$hero-chulapa-bg-color:#000;
-$hero-chulapa-text-color:$light;
-$thead-chulapa-bg-color: $primary;
-$blockquote-chulapa-bg-color: mix(white, $primary, 80%);
-$blockquote-chulapa-text-color: mix(black, $primary, 80%);
-
-$navbar-chulapa-bg-color: #000;
-$navbar-chulapa-text-color: $light;
-$navbar-chulapa-brand-color: $light;
-$navbar-chulapa-hover-color: $primary;
-$navbar-chulapa-active-color: $primary;
-
-$footer-chulapa-text-color: $light;
-$footer-chulapa-hover-color: $primary;
-
-$pagination-chulapa-bg-hover-color: $primary;
-
-$min-contrast-ratio: 2;
-
-$breadcrumb-divider: quote(">");
+$primary: #1da1f2 !default;
+$secondary:#788995 !default;
+$success: #17bf63 !default;
+$warning: #ffad1f !default;
+$danger: #e0245e !default;
+$info: #7B6E94 !default;
+$light: #c1c2c2 !default;
+$dark: #15181c !default;
+$black: #000 !default;
+$body-bg:$black !default;
+$body-color: $light !default;
+$hero-chulapa-bg-color:#000 !default;
+$hero-chulapa-text-color:$light !default;
+$thead-chulapa-bg-color: $primary !default;
+$blockquote-chulapa-bg-color: mix($body-bg, $primary, 80%) !default;
+$blockquote-chulapa-text-color: mix($body-color, $primary, 95%) !default;
+$pre-chulapa-bg-color: mix($body-color, $primary, 95%) !default;
+
+
+$navbar-chulapa-bg-color: $body-bg !default;
+$navbar-chulapa-text-color: $body-color !default;
+$navbar-chulapa-brand-color: $body-color !default;
+$navbar-chulapa-hover-color: $primary !default;
+$navbar-chulapa-active-color: $primary !default;
+$dropdown-link-active-bg: lighten($primary, 30%) !default;
+
+$footer-chulapa-text-color: $body-color !default;
+$footer-chulapa-hover-color: $primary !default;
+
+$pagination-chulapa-bg-hover-color: $primary !default;
+
+$min-contrast-ratio: 2 !default;
+
+$breadcrumb-divider: quote(">") !default;
+
+// Lines for dark themes
+
+@import "skins/dark-bg";

data/_sass/skins/twitter.scss

@@ -1,30 +1,30 @@
 
 // Some bootstrap variables
-$primary: #1da1f2;
-$secondary:#788995;
-$success: #17bf63;
-$warning: #ffad1f;
-$danger: #e0245e;
-$info: #794bc4;
-$light: #f5f8fa;
-$body-bg:#fff;
-$body-color: #14171a;
-$hero-chulapa-bg-color:#fff;
-$thead-chulapa-bg-color: $primary;
-$blockquote-chulapa-bg-color: mix(white, $primary, 80%);
-$blockquote-chulapa-text-color: mix(black, $primary, 80%);
-$navbar-chulapa-bg-color: #fff;
-$navbar-chulapa-text-color: $body-color;
-$navbar-chulapa-brand-color:$body-color;
-$navbar-chulapa-hover-color: $primary;
-$navbar-chulapa-active-color: $primary;
+$primary: #1da1f2 !default;
+$secondary:#788995 !default;
+$success: #17bf63 !default;
+$warning: #ffad1f !default;
+$danger: #e0245e !default;
+$info: #794bc4 !default;
+$light: #f5f8fa !default;
+$body-bg:#fff !default;
+$body-color: #14171a !default;
+$code-color: #E80E61 !default;
+$thead-chulapa-bg-color: $primary !default;
+$blockquote-chulapa-bg-color: mix(white, $primary, 80%) !default;
+$blockquote-chulapa-text-color: mix(black, $primary, 80%) !default;
+$navbar-chulapa-bg-color: $body-bg !default;
+$navbar-chulapa-text-color: $body-color !default;
+$navbar-chulapa-brand-color:$body-color !default;
+$navbar-chulapa-hover-color: $primary !default;
+$navbar-chulapa-active-color: $primary !default;
+$dropdown-link-active-bg: lighten($primary, 30%) !default;
+$hero-chulapa-bg-color: $primary !default;
+$footer-chulapa-text-color: $body-color !default;
+$footer-chulapa-hover-color: $primary !default;
 
-$footer-chulapa-text-color: $body-color;
-$footer-chulapa-hover-color: $primary;
+$pagination-chulapa-bg-hover-color: $primary !default;
 
-$pagination-chulapa-bg-hover-color: $primary;
+$min-contrast-ratio: 2 !default;
 
-$min-contrast-ratio: 2;
-
-
-$breadcrumb-divider: quote(">");
+$breadcrumb-divider: quote(">") !default;