aemi 1.1.2 → 1.1.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 6e27c4e7657e8d0ec2e5cfdcd33c70a835cb5b5d623a90ac1244d4c429826548
-  data.tar.gz: e8c0778184ea5aa058646af2579adee518224d2117bb7899ba978ce82fa6b400
+  metadata.gz: f436cc3aaad86bd13e59107922dfcbf4d955879c7676dc63fae5c48978f14c45
+  data.tar.gz: c4c34f58bb498080585da40bd8670112640a320dd27a87a25283404737930699
 SHA512:
-  metadata.gz: 20d1a6090e86bc25a839a811bb06b5c0a89cd657016a9c3bdf9f6d3a6acf999303e811d622d16575d73b6042d8f597d0fb06f6954e96c8bb0638d02730653117
-  data.tar.gz: a3668748422ed9fab515a3ebc689fc1916d8a6bb00c87093df665a89d4cb43746745872c9acf5d55ef38181dc1d8fe43d85112808251407d643f76e7cd78400f
+  metadata.gz: 15ffad6979aebddb736f0b157500af1e3b189f96ec9695b04b769575a93395b8f18a8c6a367bca91948ecedfe56abb4539cf0b750ed1b241c1a1833888cc00f7
+  data.tar.gz: d0546abf2f9de3d51b24056a36f0dab8ef1f74880038c7eaf15da9e7e717618c9c5bf574abf7d0750055b10f8834ee9593c07a39d33fffadb156dbb56e2d8b9b

data/_sass/aemi/_base.scss

@@ -208,6 +208,7 @@ h6,
 .h7 {
     font-family: var(--head-font-family);
     font-weight: var(--head-font-weight);
+    font-feature-settings: "wght" var(--head-font-weight);
 
     &:only-child {
         margin-bottom: 0;
@@ -293,11 +294,18 @@ a {
     }
 }
 
+abbr,
+abbr[title],
+acronym {
+  border-bottom: 2px dotted currentColor;
+  text-decoration: none;
+}
+
 /**
  * Paragraphs
  */
 p {
-    text-align: justify;
+    text-align: left;
     text-align-last: left;
 }
 
@@ -329,7 +337,7 @@ blockquote {
     border-left: 4px solid var(--border-color);
     padding-left: var(--half-spacing-unit);
     font-style: italic;
-    text-align: justify;
+    text-align: left;
     text-align-last: left;
 
     > :last-child {
@@ -338,6 +346,19 @@ blockquote {
 }
 
 
+dfn {
+    border-bottom: 2px solid currentColor;
+  }
+  
+  dt {
+    font-weight: bold;
+    padding-left: 0em;
+  }
+  
+  dd {
+    margin-bottom: 1em;
+  }
+
 
 /**
  * Code formatting
@@ -369,6 +390,8 @@ code {
 }
 
 :not(pre)>code {
+    border-radius: calc(var(--border-radius) * 0.75 );
+    line-height: 1;
     white-space: normal;
     word-break: break-all;
 }
@@ -408,6 +431,17 @@ template {
   display: none;
 }
 
+progress {
+    vertical-align: baseline;
+  }
+  
+  iframe {
+    border: 0;
+    max-width: 100%;
+    padding: 0;
+    resize: none;
+  }
+
 
 /**
  * Wrapper

data/_sass/aemi/_fonts.scss

@@ -618,9 +618,33 @@
     font-display: swap;
 }
 
+@font-face {
+    font-family: "JetBrains Mono Var";
+    font-weight: 100 900;
+    font-style: normal;
+    font-named-instance: "Regular";
+    font-display: swap;
+    src: url("/assets/font-files/JetBrainsMono[wght].woff2") format("woff2"),
+        url("https://raw.githubusercontent.com/JetBrains/JetBrainsMono/master/fonts/variable/JetBrainsMono[wght].woff2") format("woff2");
+}
+
+@font-face {
+    font-family: "JetBrains Mono Var";
+    font-weight: 100 900;
+    font-style: italic;
+    font-named-instance: "Italic";
+    font-display: swap;
+    src: url("/assets/font-files/JetBrainsMono-Italic[wght].woff2") format("woff2"),
+    url("https://raw.githubusercontent.com/JetBrains/JetBrainsMono/master/fonts/variable/JetBrainsMono-Italic[wght].woff2") format("woff2");
+}
+
 :root {
 
-    font: var(--base-font-weight) var(--base-font-size)/var(--base-line-height) var(--base-font-family);
+    font-weight: var(--base-font-weight);
+    font-feature-settings: "wght" var(--base-font-weight);
+    font-size: var(--base-font-size);
+    font-family: var(--base-font-family);
+    line-height: var(--base-line-height);
 
     // Font Kerning
     -webkit-font-feature-settings: "kern" 1;

data/_sass/aemi/_layout.scss

@@ -92,6 +92,7 @@
 .brand {
 
     font-weight: var(--head-font-weight);
+    font-feature-settings: "wght" var(--head-font-weight);
     font-family: var(--head-font-family);
 
     &,
@@ -143,6 +144,7 @@
         display: none;
         font-family: var(--head-font-family);
         font-weight: 700;
+        font-feature-settings: "wght" 700;
         letter-spacing: .075em;
         margin-right: -.075em;
         text-transform: uppercase;
@@ -236,6 +238,7 @@
             font-family: var(--head-font-family);
             display: block;
             font-weight: 600;
+            font-feature-settings: "wght" 600;
             line-height: 1;
             padding: var(--quarter-spacing-unit);
 
@@ -258,6 +261,7 @@
 
 .site-excerpt {
     font-weight: 400;
+    font-feature-settings: "wght" 400;
     font-family: var(--base-font-family);
     line-height: 1.4;
 }
@@ -282,6 +286,8 @@
 }
 
 .footer-content {
+
+    
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(200px, fit-content));
     gap: var(--half-spacing-unit);
@@ -341,6 +347,7 @@
         > .entry-meta {
             font-size: 1.25rem;
             font-weight: 500;
+            font-feature-settings: "wght" 500;
         }
 
         .entry-title {
@@ -376,7 +383,7 @@
             position: relative;
             width: auto;
 
-            border-radius: calc(var(--background-radius) * 2);
+            border-radius: calc(var(--background-radius) * 1.75);
 
             > header {
 
@@ -384,7 +391,7 @@
                 background-position: center center;
                 background-size: cover;
 
-                border-radius: calc(var(--background-radius) * 2);
+                border-radius: calc(var(--background-radius) * 1.75);
 
                 position: relative;
 
@@ -441,7 +448,7 @@
                     border-width: 2px;
                     border-color: transparent;
 
-                    border-radius: calc(var(--background-radius) * 2);
+                    border-radius: calc(var(--background-radius) * 1.75);
 
                     color: var(--text-color);
 
@@ -542,20 +549,65 @@
     margin-bottom: var(--spacing-unit);
 }
 
+.footnote {
+    display: inline-block;
+    font-feature-settings: "tnum" 1;
+    background-color: transparent;
+    border: 1px solid var(--border-color);
+    border-radius: calc(var(--border-radius) / 2);
+    margin-left: .125rem;
+    padding: 0 .125rem;
+    line-height: 1.1em;
+
+    &, &:hover {
+        transition-property: background-color, border-color, color;
+        transition-duration: calc(var(--transition-timing-std) / 2);
+        transition-timing-function: var(--transition-function-std);
+    }
+
+    &:hover {
+        color: var(--d-text-color);
+        text-decoration: none;
+        background-color: var(--brand-color);
+        border-color: var(--brand-color);
+    }
+}
+
 .footnotes {
-    background-color: var(--item-background-color);
-    border-radius: var(--border-radius);
-    padding: var(--quarter-spacing-unit);
+
+    &::before {
+        content: "";
+        display: block;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 2px;
+        background-color: var(--border-color);
+        border-radius: var(--border-radius);
+        margin-top: var(--spacing-unit);
+        margin-bottom: var(--spacing-unit);
+        z-index: -1;
+    }
 
     > ol{
         display: flex;
         flex-flow: column nowrap;
-        gap: calc(var(--quarter-spacing-unit) * 1.25);
+        gap: var(--quarter-spacing-unit);
         padding-left: 0;
         margin: 0 0 0 var(--quarter-spacing-unit);
          > li {
+            padding-left: var(--quarter-spacing-unit);
             > p {
-                margin-bottom: var(--quarter-spacing-unit);
+                margin-bottom: calc(var(--quarter-spacing-unit) / 4);
+            }
+        }
+
+        @include media-query($on-palm) {
+            & {
+                margin: 0 0 0 var(--quarter-spacing-unit);
+                > li {
+                    padding-left: var(--quarter-spacing-unit);
+                }
             }
         }
     }

data/_sass/aemi/_syntax-highlighting.scss

@@ -11,12 +11,12 @@ pre.highlight {
 
   .c     { color: #998; font-style: italic } // Comment
   .err   { color: #a61717; background-color: #e3d2d2 } // Error
-  .k     { font-weight: bold } // Keyword
-  .o     { font-weight: bold } // Operator
+  .k     { font-weight: bold; font-feature-settings: "wght" 700; } // Keyword
+  .o     { font-weight: bold; font-feature-settings: "wght" 700; } // Operator
   .cm    { color: #998; font-style: italic } // Comment.Multiline
-  .cp    { color: #999; font-weight: bold } // Comment.Preproc
+  .cp    { color: #999; font-weight: bold; font-feature-settings: "wght" 700; } // Comment.Preproc
   .c1    { color: #998; font-style: italic } // Comment.Single
-  .cs    { color: #999; font-weight: bold; font-style: italic } // Comment.Special
+  .cs    { color: #999; font-weight: bold; font-feature-settings: "wght" 700; font-style: italic } // Comment.Special
   .dl    { color: #d14 } // Literal.String.Quote
   .gd    { color: #000; background-color: #fdd } // Generic.Deleted
   .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
@@ -27,27 +27,27 @@ pre.highlight {
   .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
   .go    { color: #888 } // Generic.Output
   .gp    { color: #555 } // Generic.Prompt
-  .gs    { font-weight: bold } // Generic.Strong
+  .gs    { font-weight: bold; font-feature-settings: "wght" 700; } // Generic.Strong
   .gu    { color: #aaa } // Generic.Subheading
   .gt    { color: #a00 } // Generic.Traceback
-  .kc    { font-weight: bold } // Keyword.Constant
-  .kd    { font-weight: bold } // Keyword.Declaration
-  .kp    { font-weight: bold } // Keyword.Pseudo
-  .kr    { font-weight: bold } // Keyword.Reserved
-  .kt    { color: #458; font-weight: bold } // Keyword.Type
+  .kc    { font-weight: bold; font-feature-settings: "wght" 700; } // Keyword.Constant
+  .kd    { font-weight: bold; font-feature-settings: "wght" 700; } // Keyword.Declaration
+  .kp    { font-weight: bold; font-feature-settings: "wght" 700; } // Keyword.Pseudo
+  .kr    { font-weight: bold; font-feature-settings: "wght" 700; } // Keyword.Reserved
+  .kt    { color: #458; font-weight: bold; font-feature-settings: "wght" 700; } // Keyword.Type
   .m     { color: #099 } // Literal.Number
   .s     { color: #d14 } // Literal.String
   .na    { color: #008080 } // Name.Attribute
   .nb    { color: #0086B3 } // Name.Builtin
-  .nc    { color: #458; font-weight: bold } // Name.Class
+  .nc    { color: #458; font-weight: bold; font-feature-settings: "wght" 700; } // Name.Class
   .no    { color: #008080 } // Name.Constant
   .ni    { color: #800080 } // Name.Entity
-  .ne    { color: #900; font-weight: bold } // Name.Exception
-  .nf    { color: #900; font-weight: bold } // Name.Function
+  .ne    { color: #900; font-weight: bold; font-feature-settings: "wght" 700; } // Name.Exception
+  .nf    { color: #900; font-weight: bold; font-feature-settings: "wght" 700; } // Name.Function
   .nn    { color: #555 } // Name.Namespace
   .nt    { color: #000080 } // Name.Tag
   .nv    { color: #008080 } // Name.Variable
-  .ow    { font-weight: bold } // Operator.Word
+  .ow    { font-weight: bold; font-feature-settings: "wght" 700; } // Operator.Word
   .w     { color: #bbb } // Text.Whitespace
   .mf    { color: #099 } // Literal.Number.Float
   .mh    { color: #099 } // Literal.Number.Hex
@@ -74,7 +74,7 @@ pre.highlight {
 @media (prefers-color-scheme: dark) {
   pre.highlight {
 
-    .o, .k, .p, .n, .pi, .kc, .kd, .nx { color: var(--lighten-text-color-i); }
+    .o, .k, .p, .n, .pi, .kc, .kd, .nx, .py { color: var(--lighten-text-color-i); }
 
     > code * {
         filter: invert(1);

data/_sass/aemi/_vars.scss

@@ -4,7 +4,7 @@
 
     --head-font-family: -apple-system, BlinkMacSystemFont, "Inter Display var", "Inter Display", "Inter var", Inter, Lato, Roboto, system-ui, "Helvetica Neue", HelveticaNeue,Helvetica, Arial, sans-serif;
 
-    --mono-font-family: "SFMono-Regular", "JetBrains Mono", "Roboto Mono", "Inconsolata", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Consolas", Courier, "Courier New", monospace;
+    --mono-font-family: "SFMono-Regular", "JetBrains Mono Var", "JetBrains Mono", "Roboto Mono", "Inconsolata", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Consolas", Courier, "Courier New", monospace;
 
     --base-font-size: 16px;
     --base-line-height: 1.5;

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: aemi
 version: !ruby/object:Gem::Version
-  version: 1.1.2
+  version: 1.1.5
 platform: ruby
 authors:
 - Guillaume C
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-06-29 00:00:00.000000000 Z
+date: 2022-07-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -194,6 +194,7 @@ files:
 - assets/font-files/JetBrainsMono-ExtraLight.woff2
 - assets/font-files/JetBrainsMono-ExtraLightItalic.woff2
 - assets/font-files/JetBrainsMono-Italic.woff2
+- assets/font-files/JetBrainsMono-Italic[wght].woff2
 - assets/font-files/JetBrainsMono-Light.woff2
 - assets/font-files/JetBrainsMono-LightItalic.woff2
 - assets/font-files/JetBrainsMono-Medium.woff2
@@ -201,6 +202,7 @@ files:
 - assets/font-files/JetBrainsMono-Regular.woff2
 - assets/font-files/JetBrainsMono-Thin.woff2
 - assets/font-files/JetBrainsMono-ThinItalic.woff2
+- assets/font-files/JetBrainsMono[wght].woff2
 - assets/images/logo/favicon.svg
 - assets/images/thumbnails/thumbnail.svg
 - assets/main.scss