baseline-scss 0.3.0

data/src/content/_tables.scss

@@ -0,0 +1,27 @@
+table {
+  margin-bottom: var(--_);
+  width: 100%;
+}
+
+caption {
+  font-weight: var(--font_weight_bold);
+}
+
+thead th {
+  font-weight: var(--font_weight_bold);
+  vertical-align: bottom;
+}
+
+td, th {
+  padding: var(--table_cell_padding);
+  vertical-align: top;
+
+  > dl,
+  > ol,
+  > ul,
+  > table {
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+}

data/src/content/_typography.scss

@@ -0,0 +1,99 @@
+address {
+  @include margin(0 null var(--_));
+}
+
+blockquote {
+  @include margin(0 var(--blockquote_margin_h) var(--_));
+}
+
+h1, ._h1,
+h2, ._h2,
+h3, ._h3,
+h4, ._h4,
+h5, ._h5,
+h6, ._h6 {
+  @include margin(0 null var(--_));
+
+  font-family: var(--font_family_h);
+  font-weight: var(--font_weight_h);
+
+  small, ._small {
+    font-weight: var(--font_weight);
+  }
+}
+
+h1, ._h1 {
+  @include _(var(--font_size_h1), var(--font_size_h1_lines));
+}
+
+h2, ._h2 {
+  @include _(var(--font_size_h2), var(--font_size_h2_lines));
+}
+
+h3, ._h3 {
+  @include _(var(--font_size_h3), var(--font_size_h3_lines));
+}
+
+h4, ._h4 {
+  @include _(var(--font_size_h4), var(--font_size_h4_lines));
+}
+
+h5, ._h5 {
+  @include _(var(--font_size_h5), var(--font_size_h5_lines));
+}
+
+h6, ._h6 {
+  @include _(var(--font_size_h6), var(--font_size_h6_lines));
+}
+
+p, ._p {
+  @include margin(0 null var(--_));
+}
+
+hr {
+  @include margin(0 null);
+
+  border: 0;
+  border-top: var(--hr_border_width) var(--hr_border_style) var(--hr_border_color);
+  height: var(--hr_height);
+}
+
+a {
+  &:link {
+    color: var(--link_color);
+  }
+
+  &:visited {
+    color: var(--link_visited_color);
+  }
+
+  &[href]:hover {
+    color: var(--link_hover_color);
+  }
+
+  &:focus {
+    @include outline();
+
+    color: var(--link_focus_color);
+  }
+
+  &[href]:active {
+    color: var(--link_active_color);
+  }
+}
+
+._large {
+  font-size: var(--font_size_large);
+  line-height: 1;
+}
+
+mark {
+  background-color: var(--mark_background_color);
+}
+
+small, ._small,
+sub,
+sup {
+  font-size: var(--font_size_small);
+  line-height: 1;
+}

data/src/mixins/_.scss

@@ -0,0 +1,4 @@
+@mixin _($font_size: var(--font_size), $lines: var(--font_size_lines)) {
+  font-size: $font_size;
+  line-height: calc($lines * var(--_));
+}

data/src/mixins/_after_border.scss

@@ -0,0 +1,12 @@
+@mixin after_border($border_color: var(--body_color), $border_width: .1rem, $border_style: solid, $position: 0) {
+  position: relative;
+
+  &::after {
+    @include position(absolute, $position);
+
+    border: $border_style $border_color;
+    @include border-width($border_width);
+    content: '';
+    pointer-events: none;
+  }
+}

data/src/mixins/_clearfix.scss

@@ -0,0 +1,7 @@
+@mixin clearfix() {
+  &::after {
+    display: block;
+    clear: both;
+    content: '';
+  }
+}

data/src/mixins/_font_awesome.scss

@@ -0,0 +1,12 @@
+@mixin font_awesome($content: '') {
+  content: $content;
+  display: var(--fa-display, inline-block);
+  font-family: var(--fa-style-family, 'FontAwesome');
+  font-style: normal;
+  font-variant: normal;
+  font-weight: var(--fa-style, 900);
+  line-height: 1;
+  text-rendering: auto;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}

data/src/mixins/_max_width_container.scss

@@ -0,0 +1,15 @@
+@mixin max_width_container($background_color: inherit, $max_width: var(--container_max_width)) {
+  @include margin(null auto);
+
+  max-width: $max_width;
+  position: relative;
+
+  &::before {
+    @include position(absolute, 0 -50vw);
+
+    background-color: $background_color;
+    content: '';
+    pointer-events: none;
+    z-index: -1;
+  }
+}

data/src/mixins/_outline.scss

@@ -0,0 +1,5 @@
+@mixin outline() {
+  outline: var(--outline_width) var(--outline_style) var(--outline_color);
+  outline-offset: var(--outline_offset);
+  z-index: 1;
+}

data/src/mixins/_sr_only.scss

@@ -0,0 +1,17 @@
+@mixin sr_only() {
+  border: 0;
+  clip: rect(0, 0, 0, 0);
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  position: absolute;
+  overflow: hidden;
+  white-space: nowrap;
+  width: 1px;
+}
+
+@mixin sr_only_focusable() {
+  &:not(:focus):not(:focus-within) {
+    @include sr_only();
+  }
+}

data/src/vendors/_bourbon.scss

@@ -0,0 +1,54 @@
+// Bourbon 7.3.0
+// https://www.bourbon.io/
+// Copyright 2011-2020 thoughtbot, inc.
+// MIT License
+
+@import "bourbon/helpers/buttons-list";
+@import "bourbon/helpers/scales";
+@import "bourbon/helpers/text-inputs-list";
+
+@import "bourbon/settings/settings";
+
+@import "bourbon/validators/contains";
+@import "bourbon/validators/contains-falsy";
+@import "bourbon/validators/is-color";
+@import "bourbon/validators/is-length";
+@import "bourbon/validators/is-number";
+@import "bourbon/validators/is-size";
+
+@import "bourbon/utilities/assign-inputs";
+@import "bourbon/utilities/compact-shorthand";
+@import "bourbon/utilities/directional-property";
+@import "bourbon/utilities/fetch-bourbon-setting";
+@import "bourbon/utilities/font-source-declaration";
+@import "bourbon/utilities/gamma";
+@import "bourbon/utilities/lightness";
+@import "bourbon/utilities/contrast-ratio";
+@import "bourbon/utilities/unpack-shorthand";
+
+@import "bourbon/library/border-color";
+@import "bourbon/library/border-radius";
+@import "bourbon/library/border-style";
+@import "bourbon/library/border-width";
+@import "bourbon/library/buttons";
+@import "bourbon/library/clearfix";
+@import "bourbon/library/contrast-switch";
+@import "bourbon/library/ellipsis";
+@import "bourbon/library/font-face";
+@import "bourbon/library/font-stacks";
+@import "bourbon/library/hide-text";
+@import "bourbon/library/hide-visually";
+@import "bourbon/library/margin";
+@import "bourbon/library/modular-scale";
+@import "bourbon/library/overflow-wrap";
+@import "bourbon/library/padding";
+@import "bourbon/library/position";
+@import "bourbon/library/prefixer";
+@import "bourbon/library/shade";
+@import "bourbon/library/size";
+@import "bourbon/library/strip-unit";
+@import "bourbon/library/text-inputs";
+@import "bourbon/library/timing-functions";
+@import "bourbon/library/tint";
+@import "bourbon/library/triangle";
+@import "bourbon/library/value-prefixer";