cyclist-grid 0.3.0 → 0.3.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a95f7f5f4047e3b265f8475b50b15f0d8019bcce0d9db16787ae95c6bae1ee96
-  data.tar.gz: 0a9db509e180f50659ec147161c4f367fc594c9f9dbfbed1d966d288db2eaca7
+  metadata.gz: e6da0f0035deca244c201d59da50f6168e254e8137cc8c4c94c22215752d6720
+  data.tar.gz: 2368a5c1df68c4a0fb2be21e6f4133b4e5e294c9fdb7d6096e254dc2ea495cb6
 SHA512:
-  metadata.gz: f466dc0faa01210133dea7a8467a56a5e6c972f0c79ae124c42901fa910b75f685f043b2c9a0c15fac8c39c5cc866859db86e9fd85a354feab7e006f1381cd9e
-  data.tar.gz: 1c7ab9ba34ee8e2e81fd8a85061ade656bb8a1d0e3e7869bb22a1e34066b06b33f5a2e042c75a8efd9396dc062be2db7b16683d529fe27dab61944f1ae5d0efe
+  metadata.gz: 10f3d77eee3c044737cea4633fe9df4113d8124e02b3ca8bbd2197b7ba502ade4e062328cb5c4bcecf9c3b62bcfbbece75ed78309fc8fb49244f6052361fdc11
+  data.tar.gz: df5be6c81aa34aea94cd5144efaf8a3db46c4f796c9cb71945e0629eb81a33ef237e5928bf9c6fb1a39ea1f490c33b9cdcb5addaf2e598a0592626228985b304

data/dist/css/{cyclist.css → cyclist-grid.css}

@@ -54,34 +54,32 @@ body {
 
 h1 {
   font-size: calc(1em * (36 / 12));
-  margin-bottom: 1.25rem;
   line-height: calc(3 * 1.25rem); }
 
 h2 {
   font-size: calc(1em * (24 / 12));
-  margin-bottom: 1.25rem;
   line-height: calc(2 * 1.25rem); }
 
 h3 {
   font-size: calc(1em * (21 / 12));
-  margin-bottom: 1.25rem;
   line-height: calc(2 * 1.25rem); }
 
 h4 {
   font-size: calc(1em * (18 / 12));
-  margin-bottom: 1.25rem;
   line-height: calc(2 * 1.25rem); }
 
 h5 {
   font-size: calc(1em * (14 / 12));
-  margin-bottom: 1.25rem;
   line-height: calc(2 * 1.25rem); }
 
 h6 {
   font-size: calc(1em * (12 / 12));
-  margin-bottom: 1.25rem;
   line-height: calc(1 * 1.25rem); }
 
+h1, h2 {
+  margin-bottom: 1.25rem;
+  margin-top: 2.5rem; }
+
 p,
 ul,
 ol {
@@ -95,14 +93,21 @@ ol ul {
 
 ul {
   list-style-type: disc;
-  margin-left: 2rem; }
+  margin-left: 1.25rem; }
 
 ol {
   list-style-type: decimal;
-  margin-left: 2rem; }
+  margin-left: 1.25rem; }
 
-hr {
-  line-height: 2.5rem; }
+sub {
+  line-height: 0;
+  vertical-align: sub;
+  font-size: calc(1em * (10 / 12)); }
+
+sup {
+  line-height: 0;
+  vertical-align: super;
+  font-size: calc(1em * (10 / 12)); }
 
 .cyclist-guidelines {
   display: -webkit-flex;
@@ -111,24 +116,28 @@ hr {
   left: 0;
   top: 0;
   bottom: 0;
-  right: 0; }
+  right: 0;
+  z-index: -1; }
 
 .cyclist-guidelines > div.cyclist-column {
   display: -webkit-flex;
   display: flex;
   background-color: rgba(148, 235, 255, 0.25);
-  margin-right: 1rem;
-  -webkit-flex: 0 0 9rem;
-  flex: 0 0 9rem; }
+  margin-right: 1.25rem;
+  -webkit-flex: 0 0 11.25rem;
+  flex: 0 0 11.25rem; }
 
 .cyclist-guidelines > div.cyclist-column:last-child {
   margin-right: 0; }
 
 .cyclist-column > div.cyclist-unit {
   background-color: rgba(148, 235, 255, 0.25);
-  margin-right: 1rem;
-  -webkit-flex: 0 0 4rem;
-  flex: 0 0 4rem; }
+  margin-right: 1.25rem;
+  -webkit-flex: 0 0 5rem;
+  flex: 0 0 5rem; }
 
 .cyclist-column > div.cyclist-unit:last-child {
   margin-right: 0; }
+
+.cyclist-baseline {
+  z-index: -1; }

data/dist/scss/partials/_guidelines.scss

@@ -6,6 +6,7 @@
   top: 0;
   bottom: 0;
   right: 0;
+  z-index: -1;
 }
 
 .cyclist-guidelines > div.cyclist-column {
@@ -31,3 +32,8 @@
 .cyclist-column > div.cyclist-unit:last-child {
   margin-right: 0;
 }
+
+// So Inspect Element won't prioritize the grid
+.cyclist-baseline {
+  z-index: -1;
+}

data/dist/scss/partials/_setup.scss

@@ -12,8 +12,8 @@ $leading-height: $line-height !default;
 
 // Grid Variables
 
-$gutter-width: 1rem !default;
-$num-indent-gutters: 2 !default;
+$gutter-width: $line-height !default;
+$num-indent-gutters: 1 !default;
 $num-unit-gutters: 4 !default;
 $num-column-units: 2 !default;
 
@@ -22,4 +22,3 @@ $num-column-units: 2 !default;
 $indent-width: $gutter-width * $num-indent-gutters !default;
 $unit-width: $gutter-width * $num-unit-gutters !default;
 $column-width: $unit-width * $num-column-units + $gutter-width * ($num-column-units - 1) !default;
-

data/dist/scss/partials/_typography.scss

@@ -20,7 +20,6 @@ body {
   font-size: font-size-from-ratio($ratio);
   $leading-multiplier: ceil($numerator / $denumerator);
   line-height: calc(#{$leading-multiplier} * #{$leading-height});
-  margin-bottom: $leading-height;
 }
 
 $double-great-primer-ratio: 36, 12;
@@ -73,6 +72,11 @@ h6 {
   @include header($pica-ratio);
 }
 
+h1, h2 {
+  margin-bottom: $line-height;
+  margin-top: $line-height * 2;
+}
+
 p,
 ul,
 ol {

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: cyclist-grid
 version: !ruby/object:Gem::Version
-  version: 0.3.0
+  version: 0.3.1
 platform: ruby
 authors:
 - Roben Kleene
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2021-08-01 00:00:00.000000000 Z
+date: 2021-10-26 00:00:00.000000000 Z
 dependencies: []
 description: An HTML5 typographic-grid system using Sass.
 email: contact@robenkleene.com
@@ -16,15 +16,15 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
-- dist/css/cyclist.css
-- dist/js/cyclist.js
-- dist/scss/cyclist.scss
+- dist/css/cyclist-grid.css
+- dist/js/cyclist-grid.js
+- dist/scss/cyclist-grid.scss
 - dist/scss/partials/_guidelines.scss
 - dist/scss/partials/_layout.scss
 - dist/scss/partials/_reset.scss
 - dist/scss/partials/_setup.scss
 - dist/scss/partials/_typography.scss
-homepage: https://github.com/robenkleene/cyclist.git
+homepage: https://github.com/cyclist-grid/cyclist-grid
 licenses:
 - MIT
 metadata: {}