databook-theme 0.1.1 → 0.1.2

data/_sass/_variables.scss

@@ -1,24 +1,24 @@
-$medium-breakpoint: 768px;
-$large-breakpoint: 1200px;
-$wide-breakpoint: 1400px;
-
-$header-height: 2.5rem; // 40px
-$side-width:  18rem; // 288px
-
-$border-radius-control: .4rem;
-$border-radius-object: .2rem;
-
-$spacing-unit: 2rem;
-
-$spacing-control: 1rem;
-$spacing-object: .5rem;
-$spacing-text: .25rem;
-
-$header-object-size: 2rem;
-
-$page-spacing-small: 2rem;
-$page-spacing-medium: 4rem;
-$page-spacing-large: 8rem;
-$page-spacing-wide: 12rem;
-
-$page-max-width: 72rem;
+$medium-breakpoint: 768px;
+$large-breakpoint: 1200px;
+$wide-breakpoint: 1400px;
+
+$header-height: 2.5rem; // 40px
+$side-width:  18rem; // 288px
+
+$border-radius-control: .4rem;
+$border-radius-object: .2rem;
+
+$spacing-unit: 2rem;
+
+$spacing-control: 1rem;
+$spacing-object: .5rem;
+$spacing-text: .25rem;
+
+$header-object-size: 2rem;
+
+$page-spacing-small: 2rem;
+$page-spacing-medium: 4rem;
+$page-spacing-large: 8rem;
+$page-spacing-wide: 12rem;
+
+$page-max-width: 72rem;

data/_sass/base/_mixins.scss

@@ -1,32 +1,32 @@
-@mixin flex-center {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-@mixin text-link {
-  color: inherit;
-  text-decoration: none;
-
-  &:hover {
-    color: inherit;
-    text-decoration: underline;
-  }
-}
-
-@mixin fontawesome-icon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  user-select: none;
-  font-family: 'Font Awesome 5 Free';
-
-  &::before {
-    font-weight: 600;
-  }
-}
-
-@mixin fontawesome-text {
-  font-family: 'Font Awesome 5 Free';
-  font-weight: 600;
-}
+@mixin flex-center {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+@mixin text-link {
+  color: inherit;
+  text-decoration: none;
+
+  &:hover {
+    color: inherit;
+    text-decoration: underline;
+  }
+}
+
+@mixin fontawesome-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  user-select: none;
+  font-family: 'Font Awesome 5 Free';
+
+  &::before {
+    font-weight: 600;
+  }
+}
+
+@mixin fontawesome-text {
+  font-family: 'Font Awesome 5 Free';
+  font-weight: 600;
+}

data/_sass/base/_normalize.scss

@@ -1,45 +1,45 @@
-html {
-  box-sizing: border-box;
-  font-size: 16px;
-  overflow-y: scroll;
-  font-family: Content, Roboto, sans-serif;
-  font-weight: normal;
-
-  *,
-  *:before,
-  *:after {
-    box-sizing: inherit;
-    margin: 0;
-    padding: 0;
-  }
-}
-
-body {
-  font-size: 1rem;
-  font-family:
-    "Helvetica Neue",
-    Helvetica,
-    Arial,
-    STXihei, "华文细黑",
-    "Microsoft YaHei", "微软雅黑",
-    Heiti, "黑体",
-    sans-serif;
-}
-
-template {
-  display: none;
-}
-
-[hidden] {
-  display: none;
-}
-
-a {
-  color: inherit;
-  text-decoration: none;
-
-  &:hover {
-    color: inherit;
-    text-decoration: none;
-  }
-}
+html {
+  box-sizing: border-box;
+  font-size: 16px;
+  overflow-y: scroll;
+  font-family: Content, Roboto, sans-serif;
+  font-weight: normal;
+
+  *,
+  *:before,
+  *:after {
+    box-sizing: inherit;
+    margin: 0;
+    padding: 0;
+  }
+}
+
+body {
+  font-size: 1rem;
+  font-family:
+    "Helvetica Neue",
+    Helvetica,
+    Arial,
+    STXihei, "华文细黑",
+    "Microsoft YaHei", "微软雅黑",
+    Heiti, "黑体",
+    sans-serif;
+}
+
+template {
+  display: none;
+}
+
+[hidden] {
+  display: none;
+}
+
+a {
+  color: inherit;
+  text-decoration: none;
+
+  &:hover {
+    color: inherit;
+    text-decoration: none;
+  }
+}

data/_sass/base/_responsive.scss

@@ -1,28 +1,28 @@
-// (<768px)
-$small-screen:  "";
-
-// (≥768px)
-$medium-screen: "screen and (min-width: #{$medium-breakpoint})";
-
-// (≥1200px)
-$large-screen:  "screen and (min-width: #{$large-breakpoint})";
-
-// (≥1400px)
-$wide-screen:  "screen and (min-width: #{$wide-breakpoint})";
-
-:root {
-  --db-header-height: #{$header-height};
-  --db-control-spacing: 1rem;
-  
-  @media #{$medium-screen} {
-    --db-header-height: #{$header-height * 1.5};
-  }
-
-  @media #{$medium-screen} {
-    --db-control-spacing: 2rem;
-  }
-  @media #{$large-screen} {
-    --db-control-spacing: 4rem;
-  }
-  
-}
+// (<768px)
+$small-screen:  "";
+
+// (≥768px)
+$medium-screen: "screen and (min-width: #{$medium-breakpoint})";
+
+// (≥1200px)
+$large-screen:  "screen and (min-width: #{$large-breakpoint})";
+
+// (≥1400px)
+$wide-screen:  "screen and (min-width: #{$wide-breakpoint})";
+
+:root {
+  --db-header-height: #{$header-height};
+  --db-control-spacing: 1rem;
+  
+  @media #{$medium-screen} {
+    --db-header-height: #{$header-height * 1.5};
+  }
+
+  @media #{$medium-screen} {
+    --db-control-spacing: 2rem;
+  }
+  @media #{$large-screen} {
+    --db-control-spacing: 4rem;
+  }
+  
+}

data/_sass/components/_archive.scss

@@ -1,49 +1,49 @@
-.c-archive {
-  display: flex;
-  flex-wrap: wrap;
-
-  &__link {
-    border: 1px solid var(--db-border-color);
-    width: calc(25% - 1rem);
-    margin: .25rem .5rem;
-    padding: .5rem;
-    border-radius: $border-radius-object;
-    color: var(--db-text-color-inactive);
-    
-    &:hover {
-      text-decoration: none;
-      background-color: var(--db-background-hover-color);
-    }
-  }
-
-  &__count {
-    float: right;
-    margin-right: .25rem;
-  }
-
-  &__tab {
-    order: 2;
-    display: none;
-    margin-top: 2rem;
-  }
-
-  &__toggler {
-    display: none;
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 0;
-    height: 0;
-  }
-
-  &__toggler:target + &__link {
-    background-color: var(--db-control-color);
-    border-color: var(--db-control-border-color);
-    color: var(--db-control-text-color);
-  }
-
-  &__toggler:target + &__link + &__tab {
-    display: initial;
-  }
-
-}
+.c-archive {
+  display: flex;
+  flex-wrap: wrap;
+
+  &__link {
+    border: 1px solid var(--db-border-color);
+    width: calc(25% - 1rem);
+    margin: .25rem .5rem;
+    padding: .5rem;
+    border-radius: $border-radius-object;
+    color: var(--db-text-color-inactive);
+    
+    &:hover {
+      text-decoration: none;
+      background-color: var(--db-background-hover-color);
+    }
+  }
+
+  &__count {
+    float: right;
+    margin-right: .25rem;
+  }
+
+  &__tab {
+    order: 2;
+    display: none;
+    margin-top: 2rem;
+  }
+
+  &__toggler {
+    display: none;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 0;
+    height: 0;
+  }
+
+  &__toggler:target + &__link {
+    background-color: var(--db-control-color);
+    border-color: var(--db-control-border-color);
+    color: var(--db-control-text-color);
+  }
+
+  &__toggler:target + &__link + &__tab {
+    display: initial;
+  }
+
+}