aemi 1.0.2 → 1.0.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 5e003af50ef76ededb53870b510a38936828400e7576c5f1e51022e6e7771606
-  data.tar.gz: 65b73238419a0316fdf579c09bac5e02a7ae9da231cbf35a3e25898aabec15fd
+  metadata.gz: 9552b0679f9850fcac1ac258563399e30913d5f9b536b6dea3bb5c6344a98765
+  data.tar.gz: 7f79bc7071a78c030e4c7e7d7ee4c0249ec4a95a405bf17e52cc5fb169f8886d
 SHA512:
-  metadata.gz: 0c57b87d0e31886cadb0cdd94689413fa0aa610a70c43fdf4de3d3542a2fe4d6a1905ccb26657b1547b524577ac7d27ff02c03d156d119502078f63fc7bcee31
-  data.tar.gz: 6b868ea4efd9b23b60dbb06966165029bd37bed59bd1c23eff29d94fb6622f220cba735c528b74279b9391e14a75be9010d2d4bfdb4f486fdb751a89e4f68b35
+  metadata.gz: eb55a4ae1419c2d02b1a41aa4912e2ac9eb03f9988b174d6ec922becb8e175a54c52ebd0844a5302cd857998065ac89b9bd1a8a2be80a80f6a2f231f0cd136b1
+  data.tar.gz: e2115d967be1761ab9ad17a01640dce48208e719058e6f79efc6a15ffe85a4f45004661c9985b19815643cfa1eb1013743826a5966d095b62f341d2962c0c659

data/_sass/aemi/_base.scss

@@ -2,14 +2,14 @@
 
 
 .screen-reader-text {
-	clip-path: polygon(0 0, 1px 0, 1px 1px, 0 1px);
-	display: block;
-	height: 1px !important;
-	opacity: 0;
-	overflow: hidden;
-	position: absolute !important;
-	width: 1px !important;
-	word-wrap: normal !important;
+    clip-path: polygon(0 0, 1px 0, 1px 1px, 0 1px);
+    display: block;
+    height: 1px !important;
+    opacity: 0;
+    overflow: hidden;
+    position: absolute !important;
+    width: 1px !important;
+    word-wrap: normal !important;
 }
 
 /**
@@ -17,12 +17,18 @@
  */
 body,
 .h0,
-h1, .h1,
-h2, .h2,
-h3, .h3,
-h4, .h4,
-h5, .h5,
-h6, .h6,
+h1,
+.h1,
+h2,
+.h2,
+h3,
+.h3,
+h4,
+.h4,
+h5,
+.h5,
+h6,
+.h6,
 .h7,
 p,
 blockquote,
@@ -58,12 +64,18 @@ body {
  * Set `margin-bottom` to maintain vertical rhythm
  */
 .h0,
-h1, .h1,
-h2, .h2,
-h3, .h3,
-h4, .h4,
-h5, .h5,
-h6, .h6,
+h1,
+.h1,
+h2,
+.h2,
+h3,
+.h3,
+h4,
+.h4,
+h5,
+.h5,
+h6,
+.h6,
 .h7,
 p,
 blockquote,
@@ -92,18 +104,30 @@ main {
 /**
  * Images
  */
-img {
+img,
+video {
+    display: block;
     max-width: 100%;
     vertical-align: middle;
 }
 
+:not(figure, a)  {
+    > img,
+    > video {
+        margin-top: var(--half-spacing-unit);
+        margin-bottom: var(--half-spacing-unit);
+    }
+}
 
 
 /**
  * Figures
  */
-figure>img {
-    display: block;
+figure {
+    > img,
+    > video {
+        display: block;
+    }
 }
 
 figcaption {
@@ -134,12 +158,18 @@ li {
  * Headings
  */
 .h0,
-h1, .h1,
-h2, .h2,
-h3, .h3,
-h4, .h4,
-h5, .h5,
-h6, .h6,
+h1,
+.h1,
+h2,
+.h2,
+h3,
+.h3,
+h4,
+.h4,
+h5,
+.h5,
+h6,
+.h6,
 .h7 {
     font-family: $head-font-family;
     font-weight: $heading-font-weight;
@@ -152,55 +182,55 @@ h6, .h6,
 .h0 {
     font-size: 3em;
     letter-spacing: -0.033em;
-    line-height: 1;  
+    line-height: 1;
 }
 
 h1,
 .h1 {
-  font-size: 2.5em;
-  letter-spacing: -0.027em;
-  line-height: 1.05;
+    font-size: 2.5em;
+    letter-spacing: -0.027em;
+    line-height: 1.05;
 }
 
 h2,
 .h2 {
-  font-size: 2em;
-  letter-spacing: -0.022em;
-  line-height: 1.1;
+    font-size: 2em;
+    letter-spacing: -0.022em;
+    line-height: 1.1;
 }
 
 h3,
 .h3 {
-  font-size: 1.5em;
-  letter-spacing: -0.019em;
-  line-height: 1.15;
+    font-size: 1.5em;
+    letter-spacing: -0.019em;
+    line-height: 1.15;
 }
 
 h4,
 .h4 {
-  font-size: 1.17em;
-  letter-spacing: -0.015em;
-  line-height: 1.2;
+    font-size: 1.17em;
+    letter-spacing: -0.015em;
+    line-height: 1.2;
 }
 
 h5,
 .h5 {
-  font-size: 1em;
-  letter-spacing: -0.011em;
-  line-height: 1.4;
+    font-size: 1em;
+    letter-spacing: -0.011em;
+    line-height: 1.4;
 }
 
 h6,
 .h6 {
-  font-size: 0.83em;
-  letter-spacing: -0.004em;
-  line-height: 1.45;
+    font-size: 0.83em;
+    letter-spacing: -0.004em;
+    line-height: 1.45;
 }
 
 .h7 {
-  font-size: 0.75rem;
-  letter-spacing: 0;
-  line-height: 1.5;
+    font-size: 0.75rem;
+    letter-spacing: 0;
+    line-height: 1.5;
 }
 
 
@@ -236,6 +266,25 @@ p {
     text-align-last: left;
 }
 
+small {
+    font-size: 0.75em;
+    letter-spacing: 0em;
+}
+
+big {
+    font-size: 1.25em;
+    letter-spacing: -0.017em;
+}
+
+b,
+strong {
+    font-weight: bolder;
+}
+
+cite br {
+    display: none;
+}
+
 
 /**
  * Blockquotes
@@ -284,7 +333,7 @@ code {
     padding: 1px 5px;
 }
 
-:not(pre) > code {
+:not(pre)>code {
     white-space: normal;
     word-break: break-all;
 }
@@ -293,7 +342,7 @@ pre {
     padding: 8px 12px;
     overflow-x: auto;
 
-    > code {
+    >code {
         background: unset;
         border: 0;
         font-size: 1rem;
@@ -303,6 +352,27 @@ pre {
 }
 
 
+sub,
+sup {
+  font-size: 0.75em;
+  letter-spacing: 0;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+template {
+  display: none;
+}
+
 
 /**
  * Wrapper

data/_sass/aemi/_layout.scss

@@ -330,6 +330,7 @@
 
         >img {
             border-radius: var(--background-radius);
+            margin: 0;
         }
     }
 

data/_sass/aemi/_syntax-highlighting.scss

@@ -73,7 +73,7 @@ pre.highlight {
 @media (prefers-color-scheme: dark) {
   pre.highlight {
 
-    .o, .k, .p, .n { color: var(--lighten-text-color-i); }
+    .o, .k, .p, .n, .pi, .kc { color: var(--lighten-text-color-i); }
 
     > code * {
         filter: invert(1);

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: aemi
 version: !ruby/object:Gem::Version
-  version: 1.0.2
+  version: 1.0.5
 platform: ruby
 authors:
 - Guillaume C