aemi 1.0.1 → 1.0.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 26321d61b765803cb5d82cbd8853e01e664b0aa580152e7eaf0830ff37d63d41
-  data.tar.gz: 36b261f50d691330402fb70c633a78b4399318ecb8e07e0cda888e0c8ba1301e
+  metadata.gz: 3fd11ba1507863c8ae66e7e9bec622993134f34b6e7a12f85147365f690e7cc9
+  data.tar.gz: 05122c0cd846733fea91820c03fecdafc6417c8d73b3047b264204a87c2c8966
 SHA512:
-  metadata.gz: 1b644bfd1a2ad37fb2eb2184e3c711fa959d9f79d1c06a7adf2728a4111c068c14354e96de699977860f1ee65e7208a09558ed82118776f6628c2422bc98245e
-  data.tar.gz: '0378a63a340455f4fd2a7691ea0a6771cec59504787cc476d083299bc35aca96818fb9f1801c5e8ccadbbfe3f4133523f25f2237bc007091d3c7ae9f97e70297'
+  metadata.gz: 111eb0e60e5b7f797383b66fba2f941fcb91702bd808677457833944239de42c073e8d66e4d34c9f25b395ec1d80c65e36d1eade2746b876dc676778cd6d21ef
+  data.tar.gz: e3dd24ec4810e0369bb320c5660f317865c5a76f731d2c13c636b4d1158a72f8a95ee4eab62022e53b725ab7201e766161c6b33b7b9f4ae96b013f3af926b638

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/_syntax-highlighting.scss

@@ -73,7 +73,7 @@ pre.highlight {
 @media (prefers-color-scheme: dark) {
   pre.highlight {
 
-    .o, .k, .p { 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.1
+  version: 1.0.4
 platform: ruby
 authors:
 - Guillaume C