helvetic-resume 1.0.0 → 1.0.2

data/_sass/_components.scss

@@ -1,161 +0,0 @@
-@use "variables" as *;
-// Styling markdown output
-// Code formatting
-pre {
-  border-left: var(--spacer-1) solid var(--color-border);
-  margin: var(--spacer-3) 0;
-  padding-left: 16px;
-  width: calc(9 / 12 * 100%); // matches col-9
-  overflow-x: auto;
-}
-
-code {
-  color: var(--code);
-  font-size: var(--body-font-size);
-  padding: 1px 0px;
-}
-
-.prose {
-  a:not(.link-primary):not(.no-underline) {
-    color: inherit;
-    text-decoration: none !important;
-    position: relative;
-
-    &::before {
-      content: "";
-      position: absolute;
-      left: 0;
-      bottom: 0;
-      width: 100%;
-      height: 2px;
-      background-color: var(--background);
-    }
-
-    &::after {
-      content: "";
-      position: absolute;
-      left: 0;
-      bottom: 0;
-      width: 0;
-      height: 2px;
-      background-color: var(--text-accent);
-      transition: width 400ms;
-    }
-
-    &:hover::after {
-      width: 100%;
-    }
-    &::before {
-      background-color: var(--foreground) !important;
-    }
-  }
-
-  p,
-  ol,
-  ul {
-    font-size: var(--prose-font-size);
-    margin-bottom: 1em;
-    width: 100%;
-
-    @media (min-width: #{$breakpoint-lg}) {
-      width: calc(10 / 12 * 100%); // matches col-10
-    }
-  }
-
-  ul,
-  ol {
-    padding-left: 40px;
-  }
-
-  li {
-    margin-bottom: 0.5em;
-
-    ul li,
-    ol li {
-      margin-bottom: 0;
-    }
-  }
-
-  img {
-    max-width: 100%;
-
-    @media (min-width: #{$breakpoint-lg}) {
-      max-width: calc(12 / 10 * 100%); // make image fill width of container on desktop
-    }
-  }
-
-  blockquote {
-    line-height: 1.375;
-    padding-left: 20px;
-    margin: 40px 0 40px -16px;
-    border-left: var(--spacer-1) solid var(--color-border);
-    font-style: italic;
-
-    p {
-      font-size: 24px;
-    }
-
-    @media (min-width: #{$breakpoint-lg}) {
-      padding-left: var(--spacer-3);
-      margin: var(--spacer-4) 0 var(--spacer-4) -40px;
-      max-width: calc(11 / 10 * 100%);
-
-      p {
-        font-size: 32px;
-      }
-    }
-  }
-
-  hr {
-    color: var(--text);
-    border-style: solid;
-    border-width: thin;
-    margin-top: 0.5em;
-    margin-bottom: 0.5em;
-  }
-
-  dt {
-    font-weight: bold;
-    font-style: italic;
-    line-height: 1.25;
-  }
-
-  dd {
-    font-style: italic;
-    margin-bottom: 0.5em;
-  }
-
-  // Markdown tables
-  table {
-    border-collapse: collapse;
-    display: block;
-    width: 100%;
-    margin-bottom: 1.5em;
-    overflow: auto;
-    // For Firefox to horizontally scroll wider tables.
-    word-break: normal;
-    word-break: keep-all;
-
-    th {
-      font-weight: bold;
-      text-align: left;
-    }
-
-    th,
-    td {
-      padding: var(--spacer-2) var(--spacer-3) var(--spacer-2) 2px;
-      border-top: 1px solid var(--text);
-      border-bottom: 1px solid var(--text);
-    }
-
-    tr {
-      background-color: inherit;
-      border-top: 1px solid var(--text);
-    }
-
-    tr th {
-      border-top: 2px solid var(--text);
-      border-bottom: 2px solid var(--text);
-    }
-  }
-}

data/_sass/_themes.scss

@@ -1,196 +0,0 @@
-@use "sass:map";
-$whitesmoke: #f5f5f5;
-$white: #fff;
-
-$red: #e74727;
-$blue: #009ddb;
-$yellow: #fec92e;
-$magenta: #cd2da8;
-$night: #000;
-$black: #111;
-$mint: #26dab7;
-$mint-dark: #1eae91;
-$orange: #fa8224;
-$orange-dark: #df6d16;
-
-$red-dark: #dc3918;
-$blue-dark: #007ab3;
-$gray: #45474a;
-
-
-// Theme definition mixin
-@mixin define-theme($name, $theme) {
-  .theme-#{$name} {
-    --header-background: #{map.get($theme, header-background)};
-    --header-title: #{map.get($theme, header-title)};
-    --header-text: #{map.get($theme, header-text)};
-    --header-links-hover: #{map.get($theme, header-links-hover)};
-    --header-dots: #{map.get($theme, header-dots)};
-    --header-icon: #{map.get($theme, header-icon)};
-    --header-icon-hover: #{map.get($theme, header-icon-hover)};
-
-    --foreground: #{map.get($theme, foreground)};
-    --background: #{map.get($theme, background)};
-    --text: #{map.get($theme, text)};
-    --text-accent: #{map.get($theme, text-accent)};
-    --link-hover: #{map.get($theme, link-hover)};
-    --code: #{map.get($theme, code)};
-  }
-}
-$theme-mint: (
-  // Header
-  header-background: $mint,
-  header-title: $night,
-  header-text: $night,
-  header-links-hover: $white,
-  header-dots: $night,
-  header-icon: $night,
-  header-icon-hover: $white,
-  // Rest
-  foreground: $white,
-  background: $night,
-  text: $white,
-  text-accent: $mint,
-  link-hover: $mint,
-  code: $mint-dark,
-);
-
-$theme-black: (
-  // Header
-  header-background: $night,
-  header-title: $white,
-  header-text: $white,
-  header-links-hover: $red,
-  header-dots: $red,
-  header-icon: $white,
-  header-icon-hover: $red,
-  // Rest
-  foreground: $white,
-  background: $black,
-  text: $white,
-  text-accent: $red,
-  link-hover: $red,
-  code: $red-dark,
-);
-
-$theme-red: (
-  // Header
-  header-background: $red,
-  header-title: $whitesmoke,
-  header-text: $black,
-  header-links-hover: $whitesmoke,
-  header-dots: $black,
-  header-icon: $black,
-  header-icon-hover: $whitesmoke,
-  // Rest
-  foreground: $black,
-  background: $whitesmoke,
-  text: $black,
-  text-accent: $red,
-  link-hover: $red,
-  code: $red-dark,
-);
-
-$theme-white: (
-  // Header
-  header-background: $whitesmoke,
-  header-title: $black,
-  header-text: $black,
-  header-links-hover: $red,
-  header-dots: $red,
-  header-icon: $black,
-  header-icon-hover: $red,
-  // Rest
-  foreground: $black,
-  background: $white,
-  text: $black,
-  text-accent: $red,
-  link-hover: $red,
-  code: $red-dark,
-);
-
-$theme-yellow: (
-  // Header
-  header-background: $yellow,
-  header-title: $black,
-  header-text: $black,
-  header-links-hover: $white,
-  header-dots: $white,
-  header-icon: $black,
-  header-icon-hover: $white,
-  // Rest
-  foreground: $black,
-  background: $white,
-  text: $black,
-  text-accent: $yellow,
-  link-hover: $gray,
-  code: $gray,
-);
-
-$theme-blue: (
-  // Header
-  header-background: $blue,
-  header-title: $night,
-  header-text: $night,
-  header-links-hover: $white,
-  header-dots: $night,
-  header-icon: $night,
-  header-icon-hover: $white,	
-  // Rest
-  foreground: $white,
-  background: $night,
-  text: $white,
-  text-accent: $blue,
-  link-hover: $blue,
-  code: $blue-dark,
-);
-
-$theme-orange: (
-  // Header
-  header-background: $orange,
-  header-title: $white,
-  header-text: $night,
-  header-links-hover: $white,
-  header-dots: $night,
-  header-icon: $night,
-  header-icon-hover: $white,
-  // Rest
-  foreground: $white,
-  background: $night,
-  text: $white,
-  text-accent: $orange,
-  link-hover: $orange,
-  code: $orange-dark,
-);
-
-$theme-magenta: (
-  // Header
-  header-background: $magenta,
-  header-title: $white,
-  header-text: $white,
-  header-links-hover: $night,
-  header-dots: $night,
-  header-icon: $white,
-  header-icon-hover: $night,
-  // Rest
-  foreground: $night,
-  background: $white,
-  text: $night,
-  text-accent: $magenta,
-  link-hover: $magenta,
-  code: $magenta,
-);
-
-
-@include define-theme("black", $theme-black);
-@include define-theme("blue", $theme-blue);
-@include define-theme("mint", $theme-mint);
-@include define-theme("orange", $theme-orange);
-
-@include define-theme("white", $theme-white);
-@include define-theme("red", $theme-red);
-@include define-theme("yellow", $theme-yellow);
-@include define-theme("magenta", $theme-magenta);
-
-
-