askclass-course-theme 0.13.0 → 0.13.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 6becfc825217bb8c2480a0fbe501222ff7ad9ae93419507c04507954a1f01ef0
-  data.tar.gz: 3d7e1b5b3bdc14f4ad6cbadf4a71a1656c22fb0db75fab3c8a5c47c850081e26
+  metadata.gz: ca131df680fc8901032da971128f6cff0ffcd95fddf62557450e70c4138f3fee
+  data.tar.gz: 8e74cc5df19ff760df82172d3c8e59e5203dd8c86f5933e067b554114ceeaa86
 SHA512:
-  metadata.gz: 470f4b4adfa96a3698db1a9f5952fc3a263862dc726501553632a7dac484b2616fedd6533d5e8803964fbf5507349f1c95cfd5afd5077f900ddce9b2222737dd
-  data.tar.gz: f2efcad9f2f27d72727a8cc71f2c7e6566d30f107201ef72e38ca1c5efdbc6ef6151eda431a1bba382d5164cc8fdf0e01bd5e725eab078a1212caf9710423073
+  metadata.gz: a792727db693974fcd0d7cf3a84cb3f90b040a1320a94d32462eb2b980355a3658954d3f17bc46f0e52d8df2884cc9780d01bb81a5731464f3bc9ab3009a2b17
+  data.tar.gz: 3c9c4410b2210f2b4d4ee09aca9835082f11efbdd95d4aeff045aaef049778c6b17841f3a53483c5578458dbb7e0882cd64c29ff5f1e8564d2abe72693d03e80

data/_config.yml

@@ -55,7 +55,7 @@ acc:
   # Donot change the below (will figure something out later)
   font_families:
     - Teko
-    - Open+Sans:ital,wght@0,300;0,400;0,500;0,700;1,400;1,700
+    - Open+Sans:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,700
     - Josefin+Sans
     - Share+Tech+Mono
     - Lexend

data/_sass/_base.scss

@@ -1,4 +1,6 @@
 :root {
+  --icon-logo:          #{$icon-logo};
+
   --font-special:       #{$font-special};
   --font-mono:          #{$font-mono};
   --font-main:          #{$font-main};
@@ -96,6 +98,7 @@ code {
 pre {
   background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5));
   padding: 10px;
+  box-sizing: border-box;
   code {
     color: inherit;
   }

data/_sass/_bullets.scss

@@ -1,13 +1,16 @@
 ul, ol {
+  padding-inline-start: 2em;
   margin-block-start: 0.5em;
   margin-block-end: 0.5em;
-  padding-inline-start: 1em;
+  ul, ol {
+    padding-inline-start: 1.2em;
+  }
   blockquote {
     padding-left: 0.5em;
     margin: 0 0.5em;
   }
 }
-ul ::marker {
+ol ::marker, ul ::marker {
   color: var(--color-dark);
 }
 ol > li {
@@ -16,6 +19,9 @@ ol > li {
   }
   ol > li {
     list-style: lower-alpha;
+    ol > li {
+      list-style: lower-greek;
+    }
   }
 }
 

data/_sass/_post.scss

@@ -46,7 +46,7 @@ article {
   h3 { font-size: 1.7em; }
   h4 { font-size: 1.4em; }
   h5 { font-size: 1.2em; }
-  h6 { font-size: 1.1em; }
+  h6 { font-size: 1.1em; color: var(--color-dark); }
 
   code {
     @include boxed();
@@ -74,6 +74,9 @@ article {
       margin-top: 0;
     }
   }
+  em {
+    font-weight: 300;
+  }
   address {
     font-style: normal;
     font-family: var(--font-secondary);
@@ -83,6 +86,38 @@ article {
       color: var(--color-tertiary);
     }
   }
+  hr {
+    &.section, &.logo {
+      border: none;
+      border-bottom: 1px solid var(--color-code-bg);
+    }
+    &.section {
+      text-align: center;
+      line-height: 1px;
+      height: 3px;
+      font-size: 54px;
+      overflow: visible;
+      &:after {
+        content: '\2055';
+        display: inline;
+        padding: 0 10px;
+        color: var(--color-code-bg);
+        background-color: var(--color-bg);
+      }
+    }
+    &.logo {
+      font-size: 0;
+      &:after {
+        content: var(--icon-logo);
+        width: 20px;
+        left: 50%;
+        position: absolute;
+        transform: translateX(-50%) translateY(-50%);
+        padding: 0 10px;
+        background-color: var(--color-bg);
+      }
+    }
+  }
   .text > p:first-child {
     font-size: 25px;
     line-height: 1.3;

data/_sass/default.scss

@@ -0,0 +1,34 @@
+$icon-logo:             url('/assets/logo-icon.svg');
+
+$font-main:             'Open Sans', sans-serif;
+$font-mono:             'Share Tech Mono', monospace;
+$font-special:          'Josefin Sans', sans-serif;
+$font-secondary:        'Teko', sans-serif;
+$font-tertiary:         'Lexend', sans-serif;
+
+$color-primary:         white;
+$color-secondary:       floralwhite;
+$color-tertiary:        #2cdd88;
+$color-bg:              #3a3a3a;
+$color-fg:              ivory;
+$color-dark:            gray;
+$color-link:            deeppink;
+$color-theme:           #ffc100;
+
+$color-row-odd:         #2a2a2a;
+$color-row-even:        #2f2f2f;
+
+$color-code-bg:         #222;
+$color-card-bg:         whitesmoke;
+$color-card-fg:         #444;
+
+$card-font-size:        16px;
+
+$content-width:         600px;
+
+$grid-width:            180px;
+$grid-image-height:     180px;
+
+@import
+  "init",
+  "base";

data/_sass/init.scss

@@ -1,30 +1,6 @@
-$font-main:             'Open Sans', sans-serif;
-$font-mono:             'Share Tech Mono', monospace;
-$font-special:          'Josefin Sans', sans-serif;
-$font-secondary:        'Teko', sans-serif;
-$font-tertiary:         'Lexend', sans-serif;
+// Overriding custom variables. See:
+// https://github.com/beAuthentic/askclass-course-theme/blob/main/_sass/default.scss
 
-$color-primary:         white;
-$color-secondary:       floralwhite;
-$color-tertiary:        #2cdd88;
-$color-bg:              #3a3a3a;
-$color-fg:              ivory;
-$color-dark:            gray;
-$color-link:            deeppink;
-$color-theme:           #ffc100;
-
-$color-row-odd:         #2a2a2a;
-$color-row-even:        #2f2f2f;
-
-$color-code-bg:         #222;
-$color-card-bg:         whitesmoke;
-$color-card-fg:         #444;
-
-$card-font-size:        16px;
-
-$content-width:         600px;
-
-$grid-width:            180px;
-$grid-image-height:     180px;
-
-@import "base";
+// Example, to overwrite default bg/fg colors specified in the file above:
+// $color-bg:        black;
+// $color-fg:        white;

data/assets/css/dialog.scss

@@ -4,5 +4,5 @@
 @import
   "post",
   "bubbles",
-  "init";
+  "default";
 

data/assets/css/segment.scss

@@ -3,4 +3,4 @@
 
 @import
   "grid",
-  "init";
+  "default";

data/assets/css/session.scss

@@ -3,4 +3,4 @@
 
 @import
   "post",
-  "init";
+  "default";

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: askclass-course-theme
 version: !ruby/object:Gem::Version
-  version: 0.13.0
+  version: 0.13.1
 platform: ruby
 authors:
 - AskClass
@@ -73,6 +73,7 @@ files:
 - _sass/_tab.scss
 - _sass/_table.scss
 - _sass/_video.scss
+- _sass/default.scss
 - _sass/init.scss
 - assets/css/dialog.scss
 - assets/css/segment.scss