chulapa-jekyll 1.0.0 → 1.1.0

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/pear.scss

@@ -1,21 +1,21 @@
 @import url('https://fonts.googleapis.com/css2?family=Raleway&family=Source+Sans+Pro&display=swap');
 
-$font-family-base: 'Source Sans Pro', sans-serif;
-$headings-font-family: 'Raleway', sans-serif;
+$font-family-base: 'Source Sans Pro', sans-serif !default;
+$headings-font-family: 'Raleway', sans-serif !default;
 
-$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/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,50 @@
+@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100..900&family=Noto+Serif&display=swap');
+
+$font-family-base: 'Noto Serif', Georgia, Cambria, 'Times New Roman', Times, serif !default; 
+$headings-font-family: 'Heebo', "Helvetica Neue", Helvetica, Arial, sans-serif !default;
+$headings-font-weight: 900 !default;
+$input-btn-font-family:$headings-font-family !default;
+
+$primary: #607A8D !default;
+$black: #000000 !default;
+$white: #ffffff !default;
+$secondary: $black !default;
+$text-muted:#757575 !default;
+$success: #1a8917 !default;
+$warning: #fac145 !default;
+$danger: #E52A08 !default;
+$info: #fcd2bc !default;
+
+$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/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;

data/_sass/skins/universal.scss

@@ -1,24 +1,82 @@
 // Adapted from Bootstrapius
 @import url("https://fonts.googleapis.com/css2?family=Roboto+Mono&family=Roboto:wght@100;300;400;500;700&display=swap");
 
-$font-family-base: "Roboto";
-$font-family-monospace: "Roboto Mono";
-$headings-font-weight: 700;
-$body-bg: #fff;
-$primary: #986dbd;
-$green: #97bf13;
-$red: #dc3545;
-$orange: #fd7e14;
-$yellow: #ffc107;
-$headings-color: #333;
-$link-color: #986dbd;
-$navbar-chulapa-brand-color: #000;
-$navbar-chulapa-bg-color: white;
-$navbar-chulapa-toggler-color: #986dbd;
-$navbar-chulapa-active-color: #986dbd;
-$hero-chulapa-bg-color: #986dbd;
-$hero-chulapa-text-color: black;
-$footer-chulapa-bg-color: #333;
-$footer-chulapa-text-color: #ccc;
-$footer-chulapa-icon-color: #ccc;
-$footer-chulapa-icon-hover-color: #724599;
+$font-family-base: "Roboto" !default;
+$font-family-monospace: "Roboto Mono" !default;
+$headings-font-weight: 700 !default;
+$body-bg: #fff !default;
+$primary: #986dbd !default;
+$green: #97bf13 !default;
+$red: #dc3545 !default;
+$orange: #fd7e14 !default;
+$yellow: #ffc107 !default;
+$code-color: #E80E61 !default;
+$headings-color: #333 !default;
+$link-color: #986dbd !default;
+$navbar-chulapa-brand-color: #000 !default;
+$navbar-chulapa-bg-color: $body-bg !default;
+$navbar-chulapa-toggler-color: $primary !default;
+$navbar-chulapa-active-color: $primary !default;
+$hero-chulapa-bg-color: $primary !default;
+$hero-chulapa-text-color: black !default;
+$footer-chulapa-bg-color: #333 !default;
+$footer-chulapa-text-color: #ccc !default;
+$footer-chulapa-icon-color: #ccc !default;
+$footer-chulapa-icon-hover-color: #724599 !default;
+h1, h2, h3, h4, h5, h6 {
+    text-transform: uppercase;
+    letter-spacing: 0.08em;
+    font-weight: 700 !important;
+}
+
+.splash-chulapa, .hero-chulapa, .header-chulapa {
+  color: black;
+}
+
+.header-chulapa {
+  text-align: center;
+}
+
+.chulapa-bg-landingpage header {
+  color: black !important;
+}
+
+// Remove rules
+header hr {
+  display: none;
+}
+
+
+// Navbar
+
+.navbar {
+
+   .navbar-brand {
+     font-weight: 700 !important;
+     text-transform: uppercase;
+     letter-spacing: 0.08em;
+   }
+   .navbar-nav {
+     text-transform: uppercase;
+     text-decoration: underline;
+     letter-spacing: 0.08em;
+     color: black;
+   }
+}
+
+
+// Misc
+
+th, .btn, .chulapa-toc-wrapper, .chulapa-subtitle, .breadcrumb, #markdown-toc {
+  text-transform: uppercase;
+}
+
+.language-plaintext {
+  color: $green;
+}
+
+
+a:hover, a:focus {
+    color: $footer-chulapa-icon-hover-color;
+    text-decoration: underline;
+}

data/_sass/skins/wandoo.scss

@@ -1,15 +1,14 @@
 /*! Tophat `Wandoo` Bootstrap 4.3.1 theme */
-@import url(https://fonts.googleapis.com/css?family=Nunito:200,300,400,700);
-$font-family-base:Nunito;
-@import url(https://fonts.googleapis.com/css?family=Comfortaa:200,300,400,700);
-$headings-font-family:Comfortaa;
+@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;700&family=Comfortaa:wght@200;300;400;700&display=swap');
+$font-family-base:Nunito !default;
+$headings-font-family:Comfortaa !default;
 
-$primary:#FF304F;
-$secondary:#CACACA;
-$success:#015668;
-$danger:#06648C;
-$info:#0F81C7;
-$warning:#0DE2EA;
-$light:#ececec;
-$dark:#222222;
-$gray-300:#e0e0e0;
+$primary:#FF304F !default;
+$secondary:#CACACA !default;
+$success:#015668 !default;
+$danger:#06648C !default;
+$info:#0F81C7 !default;
+$warning:#0DE2EA !default;
+$light:#ececec !default;
+$dark:#222222 !default;
+$gray-300:#e0e0e0 !default;

data/assets/css/main.scss

@@ -4,7 +4,7 @@
 // Custom free font: see https://diario.madrid.es/chulapa/
 @font-face {
   font-family: chulapa;
-  src: url({{ "/assets/fonts/Chulapa/Chulapa-Bold_vmod.otf" | absolute_url }});
+  src: url('https://cdn.jsdelivr.net/gh/dieghernan/chulapa@master/assets/fonts/Chulapa/Chulapa-Bold_vmod.otf');
   font-display: fallback;
 }