oscailte 3.0.1 → 3.0.2

data/_sass/_oscailte.scss

@@ -1,147 +1,147 @@
-// Tools
-@import "oscailte/tools/functions.scss";
-@import "oscailte/tools/mixins.scss";
-
-$typography-config: (
-  'small': (
-    'base': (100%,    1.42),
-    'h1':   (2em,     1.25),
-    'h2':   (1.625em, 1.15384615),
-    'h3':   (1.375em, 1.13636364),
-    'h4':   (1.125em, 1.11),
-    'h5':   (1.075em, 1.11),
-    'h6':   (.925em,  1.11)
-  ),
-  'medium': (
-    'base': (125%, 1.5),
-  ),
-  'large': (
-    'base': (150%, 1.62),
-  ),
-);
-
-$social-map: (
-  'dribbble':  #EA4C89,
-  'facebook':  #4172B8,
-  'flickr':    #0063DC,
-  'github':    #181717,
-  'instagram': #E4405F,
-  'keybase':   #33A0FF,
-  'linkedin':  #0077B5,
-  'pinterest': #BD081C,
-  'telegram':  #2CA5E0,
-  'twitter':   #1DA1F2,
-  'rss':       #FFA500,
-);
-
-
-@include generate-typography-properties($typography-config);
-
-:root {
-  --theme-background: #f5f6fa;
-  --theme-color: #282828;
-
-  /**
-   * Root properties, typically colour declarations, but contains other things too.
-   */
-  --color-primary:          #00a6ed;
-  --color-secondary:        #bf1ca9;
-  --color-positive:         #5ad42f;
-  --color-negative:         #d4372f;
-  --site-container-width:   90%;
-  --site-content-max-width: 81.25em;
-  --site-owl-spacing:       1rem;
-  --site-clip: polygon(
-    calc(100% - var(--clip-notch)) 0,
-    100% var(--clip-notch),
-    100% 100%,
-    var(--clip-notch) 100%,
-    0 calc(100% - var(--clip-notch)),
-    0 0
-  );
-
-  /**
-  * Base typography settings.
-  * Other typography settings will inherit/extend upon these.
-  */
-  --typography-body-family: "Merriweather", serif;
-  --typography-heading-family: "Lato", serif;
-  --typography-link-text-shadow-color: var(--theme-background);
-  
-  /**
-  * General shared properties.
-  */
-  --box-shadow: 0 0 7px rgba(0, 0, 0, 0.05);
-  --box-shadow_hover: 0 0 15px rgba(0, 0, 0, 0.15);
-  
-  /**
-  * Component declarations
-  */
-  --hero-matrix-url: #{url("/assets/oscailte/img/hero_matrix.png")};
-
-  --clip-notch: 10%;
-}
-
-// @media (prefers-color-scheme: dark) {
-//   :root {
-//     --theme-background: #282828;
-//     --theme-color: #e5e5e5;
-//     --header-background: var(--theme-background);
-//     --header-link-color: var(--theme-color);
-//     --post-preview-background: rgba(255, 255, 255, 0.035);
-//   }
-// }
-
-
-@include breakpoint("medium") {
-  .Site:not(.Site--home) .Site__main {
-    --site-container-width: 75%;
-  }
-}
-@include breakpoint("large") {
-  .Site:not(.Site--home) .Site__main {
-    --site-container-width: auto;
-    --site-content-max-width: 60rem
-  }
-}
-
-
-// Generic
-@import "oscailte/generic/font-face.scss";
-@import "oscailte/generic/modern-normalize.scss";
-@import "oscailte/generic/lobotomised-owl.scss";
-
-// Elements
-@import "oscailte/elements/html.scss";
-@import "oscailte/elements/body.scss";
-@import "oscailte/elements/blockquote.scss";
-@import "oscailte/elements/code.scss";
-@import "oscailte/elements/headings.scss";
-@import "oscailte/elements/hr.scss";
-@import "oscailte/elements/img.scss";
-@import "oscailte/elements/links.scss";
-
-// Objects
-@import "oscailte/objects/circuited.scss";
-@import "oscailte/objects/lists.scss";
-@import "oscailte/objects/muted.scss";
-@import "oscailte/objects/no-owl.scss";
-
-// Components
-@import "oscailte/components/button.scss";
-@import "oscailte/components/card.scss";
-@import "oscailte/components/footer.scss";
-@import "oscailte/components/header.scss";
-@import "oscailte/components/hero.scss";
-@import "oscailte/components/icon.scss";
-@import "oscailte/components/navigation.scss";
-@import "oscailte/components/recentposts.scss";
-@import "oscailte/components/skipnav.scss";
-@import "oscailte/components/social.scss";
-@import "oscailte/components/syntax.scss";
-
-// Layout
-@import "oscailte/layout/stickyfooter.scss";
-@import "oscailte/layout/container.scss";
-@import "oscailte/layout/home.scss";
+// Tools
+@import "oscailte/tools/functions.scss";
+@import "oscailte/tools/mixins.scss";
+
+$typography-config: (
+  'small': (
+    'base': (100%,    1.42),
+    'h1':   (2em,     1.25),
+    'h2':   (1.625em, 1.15384615),
+    'h3':   (1.375em, 1.13636364),
+    'h4':   (1.125em, 1.11),
+    'h5':   (1.075em, 1.11),
+    'h6':   (.925em,  1.11)
+  ),
+  'medium': (
+    'base': (125%, 1.5),
+  ),
+  'large': (
+    'base': (150%, 1.62),
+  ),
+);
+
+$social-map: (
+  'dribbble':  #EA4C89,
+  'facebook':  #4172B8,
+  'flickr':    #0063DC,
+  'github':    #181717,
+  'instagram': #E4405F,
+  'keybase':   #33A0FF,
+  'linkedin':  #0077B5,
+  'pinterest': #BD081C,
+  'telegram':  #2CA5E0,
+  'twitter':   #1DA1F2,
+  'rss':       #FFA500,
+);
+
+
+@include generate-typography-properties($typography-config);
+
+:root {
+  --theme-background: #f5f6fa;
+  --theme-color: #282828;
+
+  /**
+   * Root properties, typically colour declarations, but contains other things too.
+   */
+  --color-primary:          #00a6ed;
+  --color-secondary:        #bf1ca9;
+  --color-positive:         #5ad42f;
+  --color-negative:         #d4372f;
+  --site-container-width:   90%;
+  --site-content-max-width: 81.25em;
+  --site-owl-spacing:       1rem;
+  --site-clip: polygon(
+    calc(100% - var(--clip-notch)) 0,
+    100% var(--clip-notch),
+    100% 100%,
+    var(--clip-notch) 100%,
+    0 calc(100% - var(--clip-notch)),
+    0 0
+  );
+
+  /**
+  * Base typography settings.
+  * Other typography settings will inherit/extend upon these.
+  */
+  --typography-body-family: "Merriweather", serif;
+  --typography-heading-family: "Lato", serif;
+  --typography-link-text-shadow-color: var(--theme-background);
+  
+  /**
+  * General shared properties.
+  */
+  --box-shadow: 0 0 7px rgba(0, 0, 0, 0.05);
+  --box-shadow_hover: 0 0 15px rgba(0, 0, 0, 0.15);
+  
+  /**
+  * Component declarations
+  */
+  --hero-matrix-url: #{url("/assets/oscailte/img/hero_matrix.png")};
+
+  --clip-notch: 10%;
+}
+
+// @media (prefers-color-scheme: dark) {
+//   :root {
+//     --theme-background: #282828;
+//     --theme-color: #e5e5e5;
+//     --header-background: var(--theme-background);
+//     --header-link-color: var(--theme-color);
+//     --post-preview-background: rgba(255, 255, 255, 0.035);
+//   }
+// }
+
+
+@include breakpoint("medium") {
+  .Site:not(.Site--home) .Site__main {
+    --site-container-width: 75%;
+  }
+}
+@include breakpoint("large") {
+  .Site:not(.Site--home) .Site__main {
+    --site-container-width: auto;
+    --site-content-max-width: 60rem
+  }
+}
+
+
+// Generic
+@import "oscailte/generic/font-face.scss";
+@import "oscailte/generic/modern-normalize.scss";
+@import "oscailte/generic/lobotomised-owl.scss";
+
+// Elements
+@import "oscailte/elements/html.scss";
+@import "oscailte/elements/body.scss";
+@import "oscailte/elements/blockquote.scss";
+@import "oscailte/elements/code.scss";
+@import "oscailte/elements/headings.scss";
+@import "oscailte/elements/hr.scss";
+@import "oscailte/elements/img.scss";
+@import "oscailte/elements/links.scss";
+
+// Objects
+@import "oscailte/objects/circuited.scss";
+@import "oscailte/objects/lists.scss";
+@import "oscailte/objects/muted.scss";
+@import "oscailte/objects/no-owl.scss";
+
+// Components
+@import "oscailte/components/button.scss";
+@import "oscailte/components/card.scss";
+@import "oscailte/components/footer.scss";
+@import "oscailte/components/header.scss";
+@import "oscailte/components/hero.scss";
+@import "oscailte/components/icon.scss";
+@import "oscailte/components/navigation.scss";
+@import "oscailte/components/recentposts.scss";
+@import "oscailte/components/skipnav.scss";
+@import "oscailte/components/social.scss";
+@import "oscailte/components/syntax.scss";
+
+// Layout
+@import "oscailte/layout/stickyfooter.scss";
+@import "oscailte/layout/container.scss";
+@import "oscailte/layout/home.scss";
 @import "oscailte/layout/post.scss";

data/_sass/oscailte/components/_button.scss

@@ -1,11 +1,11 @@
-.Button {
-  background-color: var(--color-primary);
-  border-radius: 4px;
-  box-shadow: inset 0px -3px 0 rgba(#000, .2);
-  color: #fff;
-  display: inline-block;
-  padding: .5em .75em;
-  text-align: center;
-  text-decoration: none;
-  text-shadow: 1px 1px 0 rgba(#000, .1);
+.Button {
+  background-color: var(--color-primary);
+  border-radius: 4px;
+  box-shadow: inset 0px -3px 0 rgba(#000, .2);
+  color: #fff;
+  display: inline-block;
+  padding: .5em .75em;
+  text-align: center;
+  text-decoration: none;
+  text-shadow: 1px 1px 0 rgba(#000, .1);
 }

data/_sass/oscailte/components/_card.scss

@@ -1,19 +1,19 @@
-.Card {
-  background: #fff;
-  border-radius: 3px;
-  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
-  padding: 1rem;
-  
-  &__title {
-    font-size: 1em;
-    margin: 0;
-  }
-
-  &__meta {
-    color: #666;
-
-    .Icon {
-      margin-right: 5px;
-    }
-  }
+.Card {
+  background: #fff;
+  border-radius: 3px;
+  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
+  padding: 1rem;
+  
+  &__title {
+    font-size: 1em;
+    margin: 0;
+  }
+
+  &__meta {
+    color: #666;
+
+    .Icon {
+      margin-right: 5px;
+    }
+  }
 }

data/_sass/oscailte/components/_footer.scss

@@ -1,22 +1,22 @@
-.Site__footer {
-  background-color: #222;
-  color: #aaa;
-  padding: calc(var(--site-owl-spacing) * 2) 0;
-  text-align: center;
-  text-shadow: 1px 1px 0 #000;
-
-  br,
-  p {
-    margin: 0;
-  }
-}
-
-@include breakpoint("medium") {
-  .Site__footer .Container {
-    display: flex;
-    justify-content: space-between;
-   }     
-  .Site__footer {
-    text-align: left;
-  }
+.Site__footer {
+  background-color: #222;
+  color: #aaa;
+  padding: calc(var(--site-owl-spacing) * 2) 0;
+  text-align: center;
+  text-shadow: 1px 1px 0 #000;
+
+  br,
+  p {
+    margin: 0;
+  }
+}
+
+@include breakpoint("medium") {
+  .Site__footer .Container {
+    display: flex;
+    justify-content: space-between;
+   }     
+  .Site__footer {
+    text-align: left;
+  }
 }

data/_sass/oscailte/components/_header.scss

@@ -1,51 +1,51 @@
-.Header {
-  background-color: var(--header-background, #fff);
-  border-top: 5px solid var(--color-primary);
-  box-shadow: var(--box-shadow);
-  margin: 0;
-  padding: 1em 0;
-
-  .Container {
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-  }
-
-  a {
-    color: var(--header-link-color, var(--color-primary));
-  }
-
-  &__title {
-    line-height: 1;
-    margin: 0;
-    text-align: center;
-    text-shadow: 1px 1px 0 rgba(#000, .1);
-    
-    a {
-      display: flex;
-      flex-direction: column;
-      text-decoration: none;
-    }
-  }
-
-  &__subtitle {
-    font-size: .55em;
-  }
-}
-
-@include breakpoint("medium") {
-  .Header {
-    .Container {
-      flex-direction: row;
-    }
-
-    &__title {
-      text-align: left;
-    }
-
-
-    &__subtitle {
-      margin-top: 0;
-    }
-  }
+.Header {
+  background-color: var(--header-background, #fff);
+  border-top: 5px solid var(--color-primary);
+  box-shadow: var(--box-shadow);
+  margin: 0;
+  padding: 1em 0;
+
+  .Container {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+
+  a {
+    color: var(--header-link-color, var(--color-primary));
+  }
+
+  &__title {
+    line-height: 1;
+    margin: 0;
+    text-align: center;
+    text-shadow: 1px 1px 0 rgba(#000, .1);
+    
+    a {
+      display: flex;
+      flex-direction: column;
+      text-decoration: none;
+    }
+  }
+
+  &__subtitle {
+    font-size: .55em;
+  }
+}
+
+@include breakpoint("medium") {
+  .Header {
+    .Container {
+      flex-direction: row;
+    }
+
+    &__title {
+      text-align: left;
+    }
+
+
+    &__subtitle {
+      margin-top: 0;
+    }
+  }
 }