oscailte 3.0.0

data/_sass/oscailte/components/_skipnav.scss

@@ -0,0 +1,11 @@
+.SkipNav {
+  margin: 0;
+  padding: 0;
+  position: absolute;
+    top: 0;
+  transform: translateY(-100vh);
+  
+  &:focus {
+    transform: translateY(0);
+  }
+}

data/_sass/oscailte/components/_social.scss

@@ -0,0 +1,55 @@
+.Social {
+  &__list {
+    display: flex;
+    flex-wrap: wrap;
+    gap: calc(var(--site-owl-spacing) / 2);
+    justify-content: center;
+  }
+
+  &__item {
+    font-size: 2em;
+
+    @each $site, $color in $social-map {
+      &--#{$site} {
+        background-color: $color;
+        color: auto-contrast($color);
+      }
+    }
+  }
+  
+  &__link {
+    color: inherit;
+    display: block;
+    line-height: 1;
+    overflow: hidden;
+    padding: 0.2em;
+    text-decoration: none;
+    z-index: 1;
+
+    &:hover {
+      .Icon {
+        transform: scale(1.15) rotate(10deg);
+      }
+    }
+  }
+
+  .Icon {
+    transition: all 120ms ease-out;
+    vertical-align: top;
+  }
+}
+
+@include breakpoint("medium") {
+  .Social {
+    margin-top: 0;
+  }
+
+  .Social__list {
+    display: grid;
+    grid-template: auto / repeat(5, auto);
+   }   
+
+   .Icon {
+    font-size: 1em;
+  }
+}

data/_sass/oscailte/components/_syntax.scss

@@ -0,0 +1,72 @@
+figure.highlight {
+  margin-left: 0;
+  margin-right: 0;
+}
+/* Adjusted to give override background and text colour */
+.highlight pre, pre, .highlight .hll {
+  background-color: #222;
+  border: 1px solid #ccc;
+  border-radius: 3px;
+  color: #fff;
+  overflow: auto;
+  padding: var(--site-owl-spacing);
+}
+/* Highlights taken from https://gist.github.com/asaaki/1007420  for Monokai theme */
+.highlight .c        { color: #75715e }                              /* Comment                     */
+.highlight .err      { color: #960050; background-color: #1e0010 } /* Error                       */
+.highlight .k        { color: #66d9ef }                              /* Keyword                     */
+.highlight .l        { color: #ae81ff }                              /* Literal                     */
+.highlight .n        { color: #f8f8f2 }                              /* Name                        */
+.highlight .o        { color: #f92672 }                              /* Operator                    */
+.highlight .p        { color: #f8f8f2 }                              /* Punctuation                 */
+.highlight .cm       { color: #75715e }                              /* Comment.Multiline           */
+.highlight .cp       { color: #75715e }                              /* Comment.Preproc             */
+.highlight .c1       { color: #75715e }                              /* Comment.Single              */
+.highlight .cs       { color: #75715e }                              /* Comment.Special             */
+.highlight .ge       { font-style: italic }                            /* Generic.Emph                */
+.highlight .gs       { font-weight: bold }                             /* Generic.Strong              */
+.highlight .kc       { color: #66d9ef }                              /* Keyword.Constant            */
+.highlight .kd       { color: #66d9ef }                              /* Keyword.Declaration         */
+.highlight .kn       { color: #f92672 }                              /* Keyword.Namespace           */
+.highlight .kp       { color: #66d9ef }                              /* Keyword.Pseudo              */
+.highlight .kr       { color: #66d9ef }                              /* Keyword.Reserved            */
+.highlight .kt       { color: #66d9ef }                              /* Keyword.Type                */
+.highlight .ld       { color: #e6db74 }                              /* Literal.Date                */
+.highlight .m        { color: #ae81ff }                              /* Literal.Number              */
+.highlight .s        { color: #e6db74 }                              /* Literal.String              */
+.highlight .na       { color: #a6e22e }                              /* Name.Attribute              */
+.highlight .nb       { color: #f8f8f2 }                              /* Name.Builtin                */
+.highlight .nc       { color: #a6e22e }                              /* Name.Class                  */
+.highlight .no       { color: #66d9ef }                              /* Name.Constant               */
+.highlight .nd       { color: #a6e22e }                              /* Name.Decorator              */
+.highlight .ni       { color: #f8f8f2 }                              /* Name.Entity                 */
+.highlight .ne       { color: #a6e22e }                              /* Name.Exception              */
+.highlight .nf       { color: #a6e22e }                              /* Name.Function               */
+.highlight .nl       { color: #f8f8f2 }                              /* Name.Label                  */
+.highlight .nn       { color: #f8f8f2 }                              /* Name.Namespace              */
+.highlight .nx       { color: #a6e22e }                              /* Name.Other                  */
+.highlight .py       { color: #f8f8f2 }                              /* Name.Property               */
+.highlight .nt       { color: #f92672 }                              /* Name.Tag                    */
+.highlight .nv       { color: #f8f8f2 }                              /* Name.Variable               */
+.highlight .ow       { color: #f92672 }                              /* Operator.Word               */
+.highlight .w        { color: #f8f8f2 }                              /* Text.Whitespace             */
+.highlight .mf       { color: #ae81ff }                              /* Literal.Number.Float        */
+.highlight .mh       { color: #ae81ff }                              /* Literal.Number.Hex          */
+.highlight .mi       { color: #ae81ff }                              /* Literal.Number.Integer      */
+.highlight .mo       { color: #ae81ff }                              /* Literal.Number.Oct          */
+.highlight .sb       { color: #e6db74 }                              /* Literal.String.Backtick     */
+.highlight .sc       { color: #e6db74 }                              /* Literal.String.Char         */
+.highlight .sd       { color: #e6db74 }                              /* Literal.String.Doc          */
+.highlight .s2       { color: #e6db74 }                              /* Literal.String.Double       */
+.highlight .se       { color: #ae81ff }                              /* Literal.String.Escape       */
+.highlight .sh       { color: #e6db74 }                              /* Literal.String.Heredoc      */
+.highlight .si       { color: #e6db74 }                              /* Literal.String.Interpol     */
+.highlight .sx       { color: #e6db74 }                              /* Literal.String.Other        */
+.highlight .sr       { color: #e6db74 }                              /* Literal.String.Regex        */
+.highlight .s1       { color: #e6db74 }                              /* Literal.String.Single       */
+.highlight .ss       { color: #e6db74 }                              /* Literal.String.Symbol       */
+.highlight .bp       { color: #f8f8f2 }                              /* Name.Builtin.Pseudo         */
+.highlight .vc       { color: #f8f8f2 }                              /* Name.Variable.Class         */
+.highlight .vg       { color: #f8f8f2 }                              /* Name.Variable.Global        */
+.highlight .vi       { color: #f8f8f2 }                              /* Name.Variable.Instance      */
+.highlight .il       { color: #ae81ff }                              /* Literal.Number.Integer.Long */

data/_sass/oscailte/elements/_blockquote.scss

@@ -0,0 +1,6 @@
+blockquote {
+  border-left: 3px solid var(--color-primary);
+  font-style: italic;
+  margin-left: 0;
+  padding-left: 40px;
+}

data/_sass/oscailte/elements/_body.scss

@@ -0,0 +1,6 @@
+body {
+  background: var(--theme-background);
+  color: var(--theme-color);
+  font-family: var(--typography-body-family);
+  font-size: var(--typography-base-fz);
+}

data/_sass/oscailte/elements/_code.scss

@@ -0,0 +1,19 @@
+:root {
+  --highlighter-background: #fff;
+  --highlighter-color: #666;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --highlighter-background: #333;
+    --highlighter-color: #fff;
+  }
+}
+  
+code.highlighter-rouge {
+  background-color: var(--highlighter-background);
+  border: 1px solid;
+  border-radius: 3px;
+  color: var(--highlighter-color);
+  padding: 0 .15em;
+}

data/_sass/oscailte/elements/_headings.scss

@@ -0,0 +1,15 @@
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: var(--typography-heading-family);
+}
+
+@for $level from 1 through 6 {
+  h#{$level}, .h#{$level} {
+    font-size: var(--typography-h#{$level}-fz);
+    line-height: var(--typography-h#{$level}-lh);
+  }
+}

data/_sass/oscailte/elements/_hr.scss

@@ -0,0 +1,4 @@
+hr {
+  border: none;
+  border-top: 1px solid rgba(#000, .15);
+}

data/_sass/oscailte/elements/_html.scss

@@ -0,0 +1,9 @@
+html {
+  font-size: 100%;
+  -moz-osx-font-smoothing: grayscale;
+   -webkit-font-smoothing: antialiased;
+  line-height: var(--typography-base-lh);
+  overflow-y: scroll;
+      -ms-text-size-adjust: 100%;
+  -webkit-text-size-adjust: 100%;
+}

data/_sass/oscailte/elements/_img.scss

@@ -0,0 +1,3 @@
+img {
+  max-width: 100%;
+}

data/_sass/oscailte/elements/_links.scss

@@ -0,0 +1,3 @@
+a {
+  color: var(--link-color, var(--color-primary));
+}

data/_sass/oscailte/generic/_font-face.scss

@@ -0,0 +1,63 @@
+@font-face {
+  font-display: swap;
+  font-family: 'Lato';
+  font-style: normal;
+  font-weight: 400;
+  src: url('/assets/oscailte/fonts/lato-v16-latin-regular.eot');
+  src:
+    local('Lato Regular'),
+    local('Lato-Regular'),
+    url('/assets/oscailte/fonts/lato-v16-latin-regular.eot?#iefix') format('embedded-opentype'),
+    url('/assets/oscailte/fonts/lato-v16-latin-regular.woff2') format('woff2'),
+    url('/assets/oscailte/fonts/lato-v16-latin-regular.woff') format('woff'),
+    url('/assets/oscailte/fonts/lato-v16-latin-regular.ttf') format('truetype'),
+    url('/assets/oscailte/fonts/lato-v16-latin-regular.svg#Lato') format('svg');
+}
+
+@font-face {
+  font-display: swap;
+  font-family: 'Merriweather';
+  font-style: normal;
+  font-weight: 400;
+  src: url('/assets/oscailte/fonts/merriweather-v21-latin-regular.eot');
+  src:
+    local('Merriweather Regular'),
+    local('Merriweather-Regular'),
+    url('/assets/oscailte/fonts/merriweather-v21-latin-regular.eot?#iefix') format('embedded-opentype'),
+    url('/assets/oscailte/fonts/merriweather-v21-latin-regular.woff2') format('woff2'),
+    url('/assets/oscailte/fonts/merriweather-v21-latin-regular.woff') format('woff'),
+    url('/assets/oscailte/fonts/merriweather-v21-latin-regular.ttf') format('truetype'),
+    url('/assets/oscailte/fonts/merriweather-v21-latin-regular.svg#Merriweather') format('svg');
+}
+
+@font-face {
+  font-display: swap;
+  font-family: 'Merriweather';
+  font-style: italic;
+  font-weight: 400;
+  src: url('/assets/oscailte/fonts/merriweather-v21-latin-italic.eot');
+  src:
+    local('Merriweather Italic'),
+    local('Merriweather-Italic'),
+    url('/assets/oscailte/fonts/merriweather-v21-latin-italic.eot?#iefix') format('embedded-opentype'),
+    url('/assets/oscailte/fonts/merriweather-v21-latin-italic.woff2') format('woff2'),
+    url('/assets/oscailte/fonts/merriweather-v21-latin-italic.woff') format('woff'),
+    url('/assets/oscailte/fonts/merriweather-v21-latin-italic.ttf') format('truetype'),
+    url('/assets/oscailte/fonts/merriweather-v21-latin-italic.svg#Merriweather') format('svg');
+}
+
+@font-face {
+  font-display: swap;
+  font-family: 'Merriweather';
+  font-style: normal;
+  font-weight: 700;
+  src: url('/assets/oscailte/fonts/merriweather-v21-latin-700.eot');
+  src:
+    local('Merriweather Bold'),
+    local('Merriweather-Bold'),
+    url('/assets/oscailte/fonts/merriweather-v21-latin-700.eot?#iefix') format('embedded-opentype'),
+    url('/assets/oscailte/fonts/merriweather-v21-latin-700.woff2') format('woff2'),
+    url('/assets/oscailte/fonts/merriweather-v21-latin-700.woff') format('woff'),
+    url('/assets/oscailte/fonts/merriweather-v21-latin-700.ttf') format('truetype'),
+    url('/assets/oscailte/fonts/merriweather-v21-latin-700.svg#Merriweather') format('svg');
+}

data/_sass/oscailte/generic/_lobotomised-owl.scss

@@ -0,0 +1,3 @@
+* + * {
+  margin-top: var(--site-owl-spacing);
+}

data/_sass/oscailte/generic/_modern-normalize.scss

@@ -0,0 +1,273 @@
+/*! modern-normalize v0.5.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
+
+/* Document
+   ========================================================================== */
+
+/**
+ * Use a better box model (opinionated).
+ */
+
+ html {
+	box-sizing: border-box;
+}
+
+*,
+*::before,
+*::after {
+	box-sizing: inherit;
+}
+
+/**
+ * Use a more readable tab size (opinionated).
+ */
+
+:root {
+	-moz-tab-size: 4;
+	tab-size: 4;
+}
+
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
+ */
+
+html {
+	line-height: 1.15; /* 1 */
+	-webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/* Sections
+   ========================================================================== */
+
+/**
+ * Remove the margin in all browsers.
+ */
+
+body {
+	margin: 0;
+}
+
+/**
+ * Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
+ */
+
+body {
+	font-family:
+		-apple-system,
+		BlinkMacSystemFont,
+		'Segoe UI',
+		Roboto,
+		Helvetica,
+		Arial,
+		sans-serif,
+		'Apple Color Emoji',
+		'Segoe UI Emoji',
+		'Segoe UI Symbol';
+}
+
+/* Grouping content
+   ========================================================================== */
+
+/**
+ * Add the correct height in Firefox.
+ */
+
+hr {
+	height: 0;
+}
+
+/* Text-level semantics
+   ========================================================================== */
+
+/**
+ * Add the correct text decoration in Chrome, Edge, and Safari.
+ */
+
+abbr[title] {
+	text-decoration: underline dotted;
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+	font-weight: bolder;
+}
+
+/**
+ * 1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
+ * 2. Correct the odd 'em' font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp,
+pre {
+	font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace; /* 1 */
+	font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+	font-size: 80%;
+}
+
+/**
+ * Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
+ */
+
+sub,
+sup {
+	font-size: 75%;
+	line-height: 0;
+	position: relative;
+	vertical-align: baseline;
+}
+
+sub {
+	bottom: -0.25em;
+}
+
+sup {
+	top: -0.5em;
+}
+
+/* Forms
+   ========================================================================== */
+
+/**
+ * 1. Change the font styles in all browsers.
+ * 2. Remove the margin in Firefox and Safari.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+	font-family: inherit; /* 1 */
+	font-size: 100%; /* 1 */
+	line-height: 1.15; /* 1 */
+	margin: 0; /* 2 */
+}
+
+/**
+ * Remove the inheritance of text transform in Edge and Firefox.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+
+button,
+select { /* 1 */
+	text-transform: none;
+}
+
+/**
+ * Correct the inability to style clickable types in iOS and Safari.
+ */
+
+button,
+[type='button'],
+[type='reset'],
+[type='submit'] {
+	-webkit-appearance: button;
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+
+button::-moz-focus-inner,
+[type='button']::-moz-focus-inner,
+[type='reset']::-moz-focus-inner,
+[type='submit']::-moz-focus-inner {
+	border-style: none;
+	padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+
+button:-moz-focusring,
+[type='button']:-moz-focusring,
+[type='reset']:-moz-focusring,
+[type='submit']:-moz-focusring {
+	outline: 1px dotted ButtonText;
+}
+
+/**
+ * Correct the padding in Firefox.
+ */
+
+fieldset {
+	padding: 0.35em 0.75em 0.625em;
+}
+
+/**
+ * Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
+ */
+
+legend {
+	padding: 0;
+}
+
+/**
+ * Add the correct vertical alignment in Chrome and Firefox.
+ */
+
+progress {
+	vertical-align: baseline;
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Safari.
+ */
+
+[type='number']::-webkit-inner-spin-button,
+[type='number']::-webkit-outer-spin-button {
+	height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type='search'] {
+	-webkit-appearance: textfield; /* 1 */
+	outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Remove the inner padding in Chrome and Safari on macOS.
+ */
+
+[type='search']::-webkit-search-decoration {
+	-webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to 'inherit' in Safari.
+ */
+
+::-webkit-file-upload-button {
+	-webkit-appearance: button; /* 1 */
+	font: inherit; /* 2 */
+}
+
+/* Interactive
+   ========================================================================== */
+
+/*
+ * Add the correct display in Chrome and Safari.
+ */
+
+summary {
+	display: list-item;
+}