databook-theme 0.1.1 → 0.1.2

data/_sass/layout/_article.scss

@@ -1,211 +1,211 @@
-.l-page {
-  display: flex;
-  flex-direction: row;
-  border: 1px solid transparent;
-  border-radius: $border-radius-control;
-  margin: 0 auto;
-  width: 100%;
-  flex-wrap: wrap;
-
-  &__header {
-    width: 100%;
-    position: relative;
-  }
-
-  &__side {
-    order: 1;
-    margin-bottom: 1.5rem;
-    width: 100%;
-
-    &:empty {
-      display: none;
-    }
-
-    @media #{$wide-screen} {
-      order: 3;
-      width: 15rem;
-      margin-bottom: 0;
-      padding: 0 1.5rem;
-
-      position: sticky;
-      align-self: flex-start;
-      top: 1em;
-
-      &:empty {
-        display: unset;
-      }
-    }
-  }
-
-  &__content {
-    order: 2;
-    flex: 1;
-    margin: 2rem 0;
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-  }
-
-  &__footer {
-    width: 100%;
-  }
-
-  + #{&} {
-    margin-top: 4rem;
-
-    &::before {
-      content: '';
-      height: 4px;
-      width: 100%;
-      border-top: 1px solid var(--db-border-color);
-      border-bottom: 1px solid var(--db-border-color);
-      margin-bottom: 2rem;
-    }
-  }
-}
-
-
-
-.c-title {
-  display: flex;
-  align-items: flex-end;
-  flex-direction: row;
-  flex-wrap: wrap;
-  padding: 1.5rem 0;
-  margin-top: 2rem;
-  margin-bottom: 1rem;
-
-  &__tagline  {
-    width: 100%;
-    color: var(--db-text-color-inactive);
-    margin-top: .5rem;
-  }
-
-  &__title {
-    flex: 1;
-    display: flex;
-    align-items: flex-end;
-    font-size: 3rem;
-    font-weight: bold;
-    flex: 1;
-    color: var(--db-text-color-important);
-  }
-
-  &__right {
-    color: var(--db-text-color-inactive);
-  }
-
-  &__divider {
-    border: none;
-    border-bottom: 1px solid var(--db-border-color);
-    margin-top: 1.5rem;
-    margin-bottom: .5rem;
-    width: 100%;
-  }
-
-  &__meta {
-    flex: 1;
-    color: var(--db-text-color-inactive);
-  }
-
-  &__indicator {
-    color: var(--db-text-color-inactive);
-  }
-
-  &__breadcrumb {
-    width: 100%;
-    color: var(--db-text-color-inactive);
-    margin-bottom: 1rem;
-  }
-
-  a:hover {
-    text-decoration: underline;
-  }
-}
-
-.c-breadcrumb {
-  &__item {
-    &::after {
-      margin: 0 .5rem;
-    }
-
-    &:not(:last-child)::after {
-      content: "/";
-    }
-
-    &:last-child::after {
-      @include fontawesome-text;
-      content: "\f105";
-    }
-  }
-}
-
-
-.c-meta {
-  
-  &__item {
-    color: var(--db-text-color-inactive);
-
-    &::before {
-      @include fontawesome-text;
-      font-size: 0.8rem;
-      margin-right: 0.25rem;
-    }
-
-    &:not(:last-child)::after {
-      content: "·";
-      margin-right: 0.5rem;
-      margin-left: 0.5rem;
-      opacity: 66%;
-    }
-
-    
-    a:not(:last-child)::after {
-      content: " ";
-      display: inline-block;
-      margin-right: .25rem;
-    }
-
-    &--time::before {
-      content: "\f017";
-    }
-
-    &--authors::before {
-      content: "\f4ff";
-    }
-
-    &--categories::before {
-      content: "\f07c";
-    }
-
-    &--tags::before {
-      content: "\f02c";
-      font-weight: 600;
-    }
-
-    &--source::before {
-      content: "\f121";
-      font-weight: 600;
-    }
-
-    &--sticky::before {
-      content: "\f08d";
-      font-weight: 600;
-    }
-
-    &--featured::before {
-      content: "\f058";
-      font-weight: 600;
-    }
-    
-  }
-}
-
-.c-thumbnail {
-  width: 100%;
-
-  img {
-    max-width: 100%;
-    margin: 0 auto;
-  }
-}
+.l-page {
+  display: flex;
+  flex-direction: row;
+  border: 1px solid transparent;
+  border-radius: $border-radius-control;
+  margin: 0 auto;
+  width: 100%;
+  flex-wrap: wrap;
+
+  &__header {
+    width: 100%;
+    position: relative;
+  }
+
+  &__side {
+    order: 1;
+    margin-bottom: 1.5rem;
+    width: 100%;
+
+    &:empty {
+      display: none;
+    }
+
+    @media #{$wide-screen} {
+      order: 3;
+      width: 15rem;
+      margin-bottom: 0;
+      padding: 0 1.5rem;
+
+      position: sticky;
+      align-self: flex-start;
+      top: 1em;
+
+      &:empty {
+        display: unset;
+      }
+    }
+  }
+
+  &__content {
+    order: 2;
+    flex: 1;
+    margin: 2rem 0;
+    width: 100%;
+  }
+
+  &__footer {
+    width: 100%;
+  }
+
+  + #{&} {
+    margin-top: 4rem;
+
+    &::before {
+      content: '';
+      height: 4px;
+      width: 100%;
+      border-top: 1px solid var(--db-border-color);
+      border-bottom: 1px solid var(--db-border-color);
+      margin-bottom: 2rem;
+    }
+  }
+}
+
+
+
+.c-title {
+  display: flex;
+  align-items: flex-end;
+  flex-direction: row;
+  flex-wrap: wrap;
+  padding: 1.5rem 0;
+  margin-top: 2rem;
+  margin-bottom: 1rem;
+
+  &__tagline  {
+    width: 100%;
+    color: var(--db-text-color-inactive);
+    margin-top: .5rem;
+  }
+
+  &__title {
+    flex: 1;
+    display: flex;
+    align-items: flex-end;
+    font-size: 3rem;
+    font-weight: bold;
+    flex: 1;
+    color: var(--db-text-color-important);
+  }
+
+  &__right {
+    color: var(--db-text-color-inactive);
+  }
+
+  &__divider {
+    border: none;
+    border-bottom: 1px solid var(--db-border-color);
+    margin-top: 1.5rem;
+    margin-bottom: .5rem;
+    width: 100%;
+  }
+
+  &__meta {
+    flex: 1;
+    color: var(--db-text-color-inactive);
+  }
+
+  &__indicator {
+    color: var(--db-text-color-inactive);
+  }
+
+  &__breadcrumb {
+    width: 100%;
+    color: var(--db-text-color-inactive);
+    margin-bottom: 1rem;
+  }
+
+  a:hover {
+    text-decoration: underline;
+  }
+}
+
+.c-breadcrumb {
+  &__item {
+    &::after {
+      margin: 0 .5rem;
+    }
+
+    &:not(:last-child)::after {
+      content: "/";
+    }
+
+    &:last-child::after {
+      @include fontawesome-text;
+      content: "\f105";
+    }
+  }
+}
+
+
+.c-meta {
+  
+  &__item {
+    color: var(--db-text-color-inactive);
+
+    &::before {
+      @include fontawesome-text;
+      font-size: 0.8rem;
+      margin-right: 0.25rem;
+    }
+
+    &:not(:last-child)::after {
+      content: "·";
+      margin-right: 0.5rem;
+      margin-left: 0.5rem;
+      opacity: 66%;
+    }
+
+    
+    a:not(:last-child)::after {
+      content: " ";
+      display: inline-block;
+      margin-right: .25rem;
+    }
+
+    &--time::before {
+      content: "\f017";
+    }
+
+    &--authors::before {
+      content: "\f4ff";
+    }
+
+    &--categories::before {
+      content: "\f07c";
+    }
+
+    &--tags::before {
+      content: "\f02c";
+      font-weight: 600;
+    }
+
+    &--source::before {
+      content: "\f121";
+      font-weight: 600;
+    }
+
+    &--sticky::before {
+      content: "\f08d";
+      font-weight: 600;
+    }
+
+    &--featured::before {
+      content: "\f058";
+      font-weight: 600;
+    }
+    
+  }
+}
+
+.c-thumbnail {
+  width: 100%;
+  text-align: center;
+  margin-bottom: 2rem;
+
+  img {
+    max-width: 100%;
+    margin: 0 auto;
+  }
+}

data/_sass/layout/_body.scss

@@ -1,26 +1,26 @@
-.l-body {
-  flex: 1;
-  flex-direction: column;
-  display: flex;
-  padding: $page-spacing-small;
-  margin: auto;
-  width: 100%;
-
-  @media #{$medium-screen} {
-    padding: $page-spacing-medium * .5 $page-spacing-medium;
-  }
-
-  @media #{$large-screen} {
-    padding: $page-spacing-large * .5 $page-spacing-large;
-  }
-
-  @media #{$wide-screen} {
-    padding: $page-spacing-large * .5 $page-spacing-wide;
-    max-width: $page-max-width + $page-spacing-wide * 2;
-
-    @at-root .l-wrapper.is-wide #{&} {
-      max-width: unset;
-    }
-  }
-
-}
+.l-body {
+  flex: 1;
+  flex-direction: column;
+  display: flex;
+  padding: $page-spacing-small;
+  margin: auto;
+  width: 100%;
+
+  @media #{$medium-screen} {
+    padding: $page-spacing-medium * .5 $page-spacing-medium;
+  }
+
+  @media #{$large-screen} {
+    padding: $page-spacing-large * .5 $page-spacing-large;
+  }
+
+  @media #{$wide-screen} {
+    padding: $page-spacing-large * .5 $page-spacing-wide;
+    max-width: $page-max-width + $page-spacing-wide * 2;
+
+    @at-root .l-wrapper.is-wide #{&} {
+      max-width: unset;
+    }
+  }
+
+}

data/_sass/layout/_footer.scss

@@ -1,76 +1,76 @@
-:root {
-  --db-footer-vertical-padding: .5rem;
-
-  @media #{$medium-screen} {
-    --db-footer-vertical-padding: .75rem;
-  }
-
-  @media #{$large-screen} {
-    --db-footer-vertical-padding: 1rem;
-  }
-
-}
-
-
-.l-footer {
-  --db-footer-horizontal-padding: calc(var(--db-header-horizontal-padding) * 2);
-
-  @media #{$medium-screen} {
-    --db-footer-horizontal-padding: var(--db-header-horizontal-padding);
-  }
-  @at-root .l-wrapper.has-sidebar #{&} {
-    --db-footer-horizontal-padding: calc(var(--db-header-horizontal-padding) * 2);
-  }
-
-  border-top: 1px solid var(--db-border-color);
-  display: flex;
-  font-size: small;
-  flex-direction: row;
-  color: var(--db-text-color-inactive);
-  flex-wrap: wrap;
-  line-height: 2em;
-  padding: var(--db-footer-vertical-padding) var(--db-footer-horizontal-padding);
-
-  &__left {
-    text-align: left;
-  }
-
-  &__middle {
-    flex: 1;
-    text-align: center;
-  }
-
-  &__right {
-    text-align: right;
-  }
-
-  &__custom {
-    width: 100%;
-    margin-bottom: 1rem;
-
-    &:empty {
-      display: none;
-    }
-  }
-
-  &__text {
-    width: 100%;
-  }
-
-
-  a {
-    @include text-link;
-  }
-}
-
-.c-footer-list {
-  display: flex;
-
-  &__item {
-    &:not(:first-child)::before {
-      content: "•";
-      margin: 0 .25rem;
-      color: var(--db-text-color-disabled);
-    }
-  }
+:root {
+  --db-footer-vertical-padding: .5rem;
+
+  @media #{$medium-screen} {
+    --db-footer-vertical-padding: .75rem;
+  }
+
+  @media #{$large-screen} {
+    --db-footer-vertical-padding: 1rem;
+  }
+
+}
+
+
+.l-footer {
+  --db-footer-horizontal-padding: calc(var(--db-header-horizontal-padding) * 2);
+
+  @media #{$medium-screen} {
+    --db-footer-horizontal-padding: var(--db-header-horizontal-padding);
+  }
+  @at-root .l-wrapper.has-sidebar #{&} {
+    --db-footer-horizontal-padding: calc(var(--db-header-horizontal-padding) * 2);
+  }
+
+  border-top: 1px solid var(--db-border-color);
+  display: flex;
+  font-size: small;
+  flex-direction: row;
+  color: var(--db-text-color-inactive);
+  flex-wrap: wrap;
+  line-height: 2em;
+  padding: var(--db-footer-vertical-padding) var(--db-footer-horizontal-padding);
+
+  &__left {
+    text-align: left;
+  }
+
+  &__middle {
+    flex: 1;
+    text-align: center;
+  }
+
+  &__right {
+    text-align: right;
+  }
+
+  &__custom {
+    width: 100%;
+    margin-bottom: 1rem;
+
+    &:empty {
+      display: none;
+    }
+  }
+
+  &__text {
+    width: 100%;
+  }
+
+
+  a {
+    @include text-link;
+  }
+}
+
+.c-footer-list {
+  display: flex;
+
+  &__item {
+    &:not(:first-child)::before {
+      content: "•";
+      margin: 0 .25rem;
+      color: var(--db-text-color-disabled);
+    }
+  }
 }