From 490d132f404254a11a6bfee8e8f6948d8be4bc86 Mon Sep 17 00:00:00 2001 From: Jonas Schwartz Date: Wed, 5 Dec 2018 13:40:07 +0100 Subject: [PATCH 1/5] Adding Carbon Ads --- 3.0/docs/stylesheets/extra.css | 61 ++++++++++ 3.0/mkdocs.yml | 4 + 3.0/theme/base.html | 216 +++++++++++++++++++++++++++++++++ 3.0/theme/partials/toc.html | 33 +++++ 4 files changed, 314 insertions(+) create mode 100644 3.0/docs/stylesheets/extra.css create mode 100644 3.0/theme/base.html create mode 100644 3.0/theme/partials/toc.html diff --git a/3.0/docs/stylesheets/extra.css b/3.0/docs/stylesheets/extra.css new file mode 100644 index 00000000..b058e9af --- /dev/null +++ b/3.0/docs/stylesheets/extra.css @@ -0,0 +1,61 @@ +#carbonads { + margin-left: 15px; + margin-top:15px; + display: block; + overflow: hidden; + max-width: 160px; + border: solid 1px hsla(0, 0%, 0%, .1); + border-radius: 4px; + background-color: hsl(0, 0%, 98%); + text-align: center; + font-size: 12px; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, + Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif; + line-height: 1.5; + } + + #carbonads a { + color: inherit; + text-decoration: none; + } + + #carbonads a:hover { + color: inherit; + } + + #carbonads span { + position: relative; + display: block; + overflow: hidden; + } + + .carbon-img { + display: block; + margin-bottom: 8px; + max-width: 160px; + line-height: 1; + } + + .carbon-img img { + display: block; + margin: 0 auto; + max-width: 160px !important; + width: 160px; + height: auto; + } + + .carbon-text { + display: block; + padding: 0 1em 8px; + } + + .carbon-poweredby { + display: block; + padding: 10px 12px; + background: repeating-linear-gradient(-45deg, transparent, transparent 5px, hsla(0, 0%, 0%, .025) 5px, hsla(0, 0%, 0%, .025) 10px) hsla(203, 11%, 95%, .4); + text-transform: uppercase; + letter-spacing: .5px; + font-weight: 600; + font-size: 9px; + line-height: 0; + } \ No newline at end of file diff --git a/3.0/mkdocs.yml b/3.0/mkdocs.yml index 8a654972..c4dc0448 100644 --- a/3.0/mkdocs.yml +++ b/3.0/mkdocs.yml @@ -129,6 +129,7 @@ markdown_extensions: theme: name: 'material' + custom_dir: 'theme/' palette: primary: 'blue' accent: 'purple' @@ -152,3 +153,6 @@ extra: google_analytics: - 'UA-76177358-4' - 'auto' + +extra_css: + - 'stylesheets/extra.css' \ No newline at end of file diff --git a/3.0/theme/base.html b/3.0/theme/base.html new file mode 100644 index 00000000..2ded3bda --- /dev/null +++ b/3.0/theme/base.html @@ -0,0 +1,216 @@ +{% import "partials/language.html" as lang with context %} +{% set feature = config.theme.feature %} +{% set palette = config.theme.palette %} +{% set font = config.theme.font %} + + + + {% block site_meta %} + + + + {% if page and page.meta and page.meta.description %} + + {% elif config.site_description %} + + {% endif %} + {% if page.canonical_url %} + + {% endif %} + {% if page and page.meta and page.meta.author %} + + {% elif config.site_author %} + + {% endif %} + {% for key in [ + "clipboard.copy", + "clipboard.copied", + "search.language", + "search.pipeline.stopwords", + "search.pipeline.trimmer", + "search.result.none", + "search.result.one", + "search.result.other", + "search.tokenizer" + ] %} + + {% endfor %} + + + {% endblock %} + {% block htmltitle %} + {% if page and page.meta and page.meta.title %} + {{ page.meta.title }} + {% elif page and page.title and not page.is_homepage %} + {{ page.title }} - {{ config.site_name }} + {% else %} + {{ config.site_name }} + {% endif %} + {% endblock %} + {% block styles %} + + {% if palette.primary or palette.accent %} + + {% endif %} + {% if palette.primary %} + {% import "partials/palette.html" as map %} + {% set primary = map.primary( + palette.primary | replace(" ", "-") | lower + ) %} + + {% endif %} + {% endblock %} + {% block libs %} + + {% endblock %} + {% block fonts %} + {% if font != false %} + + + + {% endif %} + {% endblock %} + + {% if config.extra.manifest %} + + {% endif %} + {% for path in config["extra_css"] %} + + {% endfor %} + {% block extrahead %}{% endblock %} + + {% if palette.primary or palette.accent %} + {% set primary = palette.primary | replace(" ", "-") | lower %} + {% set accent = palette.accent | replace(" ", "-") | lower %} + + {% else %} + + {% endif %} + + + {% set platform = config.extra.repo_icon or config.repo_url %} + {% if "github" in platform %} + {% include "assets/images/icons/github.f0b8504a.svg" %} + {% elif "gitlab" in platform %} + {% include "assets/images/icons/gitlab.6dd19c00.svg" %} + {% elif "bitbucket" in platform %} + {% include "assets/images/icons/bitbucket.1b09e088.svg" %} + {% endif %} + + + + + + {% if page.toc | first is defined %} + + {{ lang.t('skip.link.title') }} + + {% endif %} + {% block header %} + {% include "partials/header.html" %} + {% endblock %} +
+ {% block hero %} + {% if page and page.meta and page.meta.hero %} + {% include "partials/hero.html" with context %} + {% endif %} + {% endblock %} + {% if feature.tabs %} + {% include "partials/tabs.html" %} + {% endif %} +
+
+ {% block site_nav %} + {% if nav %} +
+
+
+ {% include "partials/nav.html" %} +
+
+
+ {% endif %} + {% if page.toc %} +
+
+
+ {% include "partials/toc.html" %} +
+
+ +
+ {% endif %} + {% endblock %} +
+
+ {% block content %} + {% if page.edit_url %} + + {% endif %} + {% if not "\x3ch1" in page.content %} +

{{ page.title | default(config.site_name, true)}}

+ {% endif %} + {{ page.content }} + {% block source %} + {% if page and page.meta and page.meta.source %} +

{{ lang.t("meta.source") }}

+ {% set repo = config.repo_url %} + {% if repo | last == "/" %} + {% set repo = repo[:-1] %} + {% endif %} + {% set path = page.meta.path | default([""]) %} + {% set file = page.meta.source %} + + {{ file }} + + {% endif %} + {% endblock %} + {% endblock %} + {% block disqus %} + {% include "partials/integrations/disqus.html" %} + {% endblock %} +
+
+
+
+ {% block footer %} + {% include "partials/footer.html" %} + {% endblock %} +
+ {% block scripts %} + + {% if lang.t("search.language") != "en" %} + {% set languages = lang.t("search.language").split(",") %} + {% if languages | length and languages[0] != "" %} + {% set path = "assets/javascripts/lunr/" %} + + {% for language in languages | map("trim") %} + {% if language != "en" %} + {% if language == "jp" %} + + {% endif %} + {% if language in ("da", "de", "du", "es", "fi", "fr", "hu", "it", "jp", "no", "pt", "ro", "ru", "sv", "tr") %} + + {% endif %} + {% endif %} + {% endfor %} + {% if languages | length > 1 %} + + {% endif %} + {% endif %} + {% endif %} + + {% for path in config["extra_javascript"] %} + + {% endfor %} + {% endblock %} + {% block analytics %} + {% if config.google_analytics %} + {% include "partials/integrations/analytics.html" %} + {% endif %} + {% endblock %} + + \ No newline at end of file diff --git a/3.0/theme/partials/toc.html b/3.0/theme/partials/toc.html new file mode 100644 index 00000000..94b0ab4a --- /dev/null +++ b/3.0/theme/partials/toc.html @@ -0,0 +1,33 @@ +{% import "partials/language.html" as lang with context %} + \ No newline at end of file From 3a5a39838f951da8e286c3919fe177f561d11201 Mon Sep 17 00:00:00 2001 From: Jonas Schwartz Date: Wed, 5 Dec 2018 13:41:30 +0100 Subject: [PATCH 2/5] Removing unused folder --- 3.0/theme/partials/toc.html | 33 --------------------------------- 1 file changed, 33 deletions(-) delete mode 100644 3.0/theme/partials/toc.html diff --git a/3.0/theme/partials/toc.html b/3.0/theme/partials/toc.html deleted file mode 100644 index 94b0ab4a..00000000 --- a/3.0/theme/partials/toc.html +++ /dev/null @@ -1,33 +0,0 @@ -{% import "partials/language.html" as lang with context %} - \ No newline at end of file From bd4ea63ecca4794b35174c87f71a310d0158414b Mon Sep 17 00:00:00 2001 From: Tanner Nelson Date: Wed, 5 Dec 2018 17:02:52 -0500 Subject: [PATCH 3/5] fix stylesheets + minimize code changes req'd for carbon ads --- 3.0/docs/scripts/extra.js | 3 + 3.0/docs/{stylesheets => styles}/extra.css | 0 3.0/mkdocs.yml | 3 - 3.0/theme/base.html | 216 --------------------- 3.0/theme/main.html | 11 ++ 3.0/theme/scripts/carbon.js | 10 + 3.0/theme/styles/carbon.css | 61 ++++++ 7 files changed, 85 insertions(+), 219 deletions(-) create mode 100644 3.0/docs/scripts/extra.js rename 3.0/docs/{stylesheets => styles}/extra.css (100%) delete mode 100644 3.0/theme/base.html create mode 100644 3.0/theme/main.html create mode 100644 3.0/theme/scripts/carbon.js create mode 100644 3.0/theme/styles/carbon.css diff --git a/3.0/docs/scripts/extra.js b/3.0/docs/scripts/extra.js new file mode 100644 index 00000000..37c27024 --- /dev/null +++ b/3.0/docs/scripts/extra.js @@ -0,0 +1,3 @@ +// data-md-component="toc" +var toc = document.querySelectorAll('[data-foo="toc"]'); +console.log(toc); \ No newline at end of file diff --git a/3.0/docs/stylesheets/extra.css b/3.0/docs/styles/extra.css similarity index 100% rename from 3.0/docs/stylesheets/extra.css rename to 3.0/docs/styles/extra.css diff --git a/3.0/mkdocs.yml b/3.0/mkdocs.yml index c4dc0448..b82dca5f 100644 --- a/3.0/mkdocs.yml +++ b/3.0/mkdocs.yml @@ -153,6 +153,3 @@ extra: google_analytics: - 'UA-76177358-4' - 'auto' - -extra_css: - - 'stylesheets/extra.css' \ No newline at end of file diff --git a/3.0/theme/base.html b/3.0/theme/base.html deleted file mode 100644 index 2ded3bda..00000000 --- a/3.0/theme/base.html +++ /dev/null @@ -1,216 +0,0 @@ -{% import "partials/language.html" as lang with context %} -{% set feature = config.theme.feature %} -{% set palette = config.theme.palette %} -{% set font = config.theme.font %} - - - - {% block site_meta %} - - - - {% if page and page.meta and page.meta.description %} - - {% elif config.site_description %} - - {% endif %} - {% if page.canonical_url %} - - {% endif %} - {% if page and page.meta and page.meta.author %} - - {% elif config.site_author %} - - {% endif %} - {% for key in [ - "clipboard.copy", - "clipboard.copied", - "search.language", - "search.pipeline.stopwords", - "search.pipeline.trimmer", - "search.result.none", - "search.result.one", - "search.result.other", - "search.tokenizer" - ] %} - - {% endfor %} - - - {% endblock %} - {% block htmltitle %} - {% if page and page.meta and page.meta.title %} - {{ page.meta.title }} - {% elif page and page.title and not page.is_homepage %} - {{ page.title }} - {{ config.site_name }} - {% else %} - {{ config.site_name }} - {% endif %} - {% endblock %} - {% block styles %} - - {% if palette.primary or palette.accent %} - - {% endif %} - {% if palette.primary %} - {% import "partials/palette.html" as map %} - {% set primary = map.primary( - palette.primary | replace(" ", "-") | lower - ) %} - - {% endif %} - {% endblock %} - {% block libs %} - - {% endblock %} - {% block fonts %} - {% if font != false %} - - - - {% endif %} - {% endblock %} - - {% if config.extra.manifest %} - - {% endif %} - {% for path in config["extra_css"] %} - - {% endfor %} - {% block extrahead %}{% endblock %} - - {% if palette.primary or palette.accent %} - {% set primary = palette.primary | replace(" ", "-") | lower %} - {% set accent = palette.accent | replace(" ", "-") | lower %} - - {% else %} - - {% endif %} - - - {% set platform = config.extra.repo_icon or config.repo_url %} - {% if "github" in platform %} - {% include "assets/images/icons/github.f0b8504a.svg" %} - {% elif "gitlab" in platform %} - {% include "assets/images/icons/gitlab.6dd19c00.svg" %} - {% elif "bitbucket" in platform %} - {% include "assets/images/icons/bitbucket.1b09e088.svg" %} - {% endif %} - - - - - - {% if page.toc | first is defined %} - - {{ lang.t('skip.link.title') }} - - {% endif %} - {% block header %} - {% include "partials/header.html" %} - {% endblock %} -
- {% block hero %} - {% if page and page.meta and page.meta.hero %} - {% include "partials/hero.html" with context %} - {% endif %} - {% endblock %} - {% if feature.tabs %} - {% include "partials/tabs.html" %} - {% endif %} -
-
- {% block site_nav %} - {% if nav %} -
-
-
- {% include "partials/nav.html" %} -
-
-
- {% endif %} - {% if page.toc %} -
-
-
- {% include "partials/toc.html" %} -
-
- -
- {% endif %} - {% endblock %} -
-
- {% block content %} - {% if page.edit_url %} - - {% endif %} - {% if not "\x3ch1" in page.content %} -

{{ page.title | default(config.site_name, true)}}

- {% endif %} - {{ page.content }} - {% block source %} - {% if page and page.meta and page.meta.source %} -

{{ lang.t("meta.source") }}

- {% set repo = config.repo_url %} - {% if repo | last == "/" %} - {% set repo = repo[:-1] %} - {% endif %} - {% set path = page.meta.path | default([""]) %} - {% set file = page.meta.source %} - - {{ file }} - - {% endif %} - {% endblock %} - {% endblock %} - {% block disqus %} - {% include "partials/integrations/disqus.html" %} - {% endblock %} -
-
-
-
- {% block footer %} - {% include "partials/footer.html" %} - {% endblock %} -
- {% block scripts %} - - {% if lang.t("search.language") != "en" %} - {% set languages = lang.t("search.language").split(",") %} - {% if languages | length and languages[0] != "" %} - {% set path = "assets/javascripts/lunr/" %} - - {% for language in languages | map("trim") %} - {% if language != "en" %} - {% if language == "jp" %} - - {% endif %} - {% if language in ("da", "de", "du", "es", "fi", "fr", "hu", "it", "jp", "no", "pt", "ro", "ru", "sv", "tr") %} - - {% endif %} - {% endif %} - {% endfor %} - {% if languages | length > 1 %} - - {% endif %} - {% endif %} - {% endif %} - - {% for path in config["extra_javascript"] %} - - {% endfor %} - {% endblock %} - {% block analytics %} - {% if config.google_analytics %} - {% include "partials/integrations/analytics.html" %} - {% endif %} - {% endblock %} - - \ No newline at end of file diff --git a/3.0/theme/main.html b/3.0/theme/main.html new file mode 100644 index 00000000..e01f20b2 --- /dev/null +++ b/3.0/theme/main.html @@ -0,0 +1,11 @@ +{% extends "base.html" %} + +{% block styles %} + {{ super() }} + +{% endblock %} + +{% block libs %} + {{ super() }} + +{% endblock %} \ No newline at end of file diff --git a/3.0/theme/scripts/carbon.js b/3.0/theme/scripts/carbon.js new file mode 100644 index 00000000..6f832087 --- /dev/null +++ b/3.0/theme/scripts/carbon.js @@ -0,0 +1,10 @@ +// data-md-component="toc" +document.addEventListener("DOMContentLoaded", function(event) { + console.log(document); + var toc_inner = document.querySelectorAll('[data-md-component=toc] .md-sidebar__inner')[0]; + var script = document.createElement("script"); + script.src = '//cdn.carbonads.com/carbon.js?serve=CK7DT2QW&placement=vaporcodes'; + script.type = 'text/javascript'; + script.id = '_carbonads_js'; + toc_inner.appendChild(script); +}); \ No newline at end of file diff --git a/3.0/theme/styles/carbon.css b/3.0/theme/styles/carbon.css new file mode 100644 index 00000000..d24b12e7 --- /dev/null +++ b/3.0/theme/styles/carbon.css @@ -0,0 +1,61 @@ +#carbonads { + margin-left: 12px; + margin-top: 12px; + display: block; + overflow: hidden; + max-width: 160px; + border: solid 1px hsla(0, 0%, 0%, .1); + border-radius: 4px; + background-color: hsl(0, 0%, 98%); + text-align: center; + font-size: 12px; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, + Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif; + line-height: 1.5; + } + + #carbonads a { + color: inherit; + text-decoration: none; + } + + #carbonads a:hover { + color: inherit; + } + + #carbonads span { + position: relative; + display: block; + overflow: hidden; + } + + .carbon-img { + display: block; + margin-bottom: 8px; + max-width: 160px; + line-height: 1; + } + + .carbon-img img { + display: block; + margin: 0 auto; + max-width: 160px !important; + width: 160px; + height: auto; + } + + .carbon-text { + display: block; + padding: 0 1em 8px; + } + + .carbon-poweredby { + display: block; + padding: 10px 12px; + background: repeating-linear-gradient(-45deg, transparent, transparent 5px, hsla(0, 0%, 0%, .025) 5px, hsla(0, 0%, 0%, .025) 10px) hsla(203, 11%, 95%, .4); + text-transform: uppercase; + letter-spacing: .5px; + font-weight: 600; + font-size: 9px; + line-height: 0; + } \ No newline at end of file From bec8b88b5d7665ca71b380329995044c9e9bf0b4 Mon Sep 17 00:00:00 2001 From: Tanner Nelson Date: Wed, 5 Dec 2018 17:04:16 -0500 Subject: [PATCH 4/5] delete css/js files in docs folder --- 3.0/docs/scripts/extra.js | 3 -- 3.0/docs/styles/extra.css | 61 --------------------------------------- 2 files changed, 64 deletions(-) delete mode 100644 3.0/docs/scripts/extra.js delete mode 100644 3.0/docs/styles/extra.css diff --git a/3.0/docs/scripts/extra.js b/3.0/docs/scripts/extra.js deleted file mode 100644 index 37c27024..00000000 --- a/3.0/docs/scripts/extra.js +++ /dev/null @@ -1,3 +0,0 @@ -// data-md-component="toc" -var toc = document.querySelectorAll('[data-foo="toc"]'); -console.log(toc); \ No newline at end of file diff --git a/3.0/docs/styles/extra.css b/3.0/docs/styles/extra.css deleted file mode 100644 index b058e9af..00000000 --- a/3.0/docs/styles/extra.css +++ /dev/null @@ -1,61 +0,0 @@ -#carbonads { - margin-left: 15px; - margin-top:15px; - display: block; - overflow: hidden; - max-width: 160px; - border: solid 1px hsla(0, 0%, 0%, .1); - border-radius: 4px; - background-color: hsl(0, 0%, 98%); - text-align: center; - font-size: 12px; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, - Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif; - line-height: 1.5; - } - - #carbonads a { - color: inherit; - text-decoration: none; - } - - #carbonads a:hover { - color: inherit; - } - - #carbonads span { - position: relative; - display: block; - overflow: hidden; - } - - .carbon-img { - display: block; - margin-bottom: 8px; - max-width: 160px; - line-height: 1; - } - - .carbon-img img { - display: block; - margin: 0 auto; - max-width: 160px !important; - width: 160px; - height: auto; - } - - .carbon-text { - display: block; - padding: 0 1em 8px; - } - - .carbon-poweredby { - display: block; - padding: 10px 12px; - background: repeating-linear-gradient(-45deg, transparent, transparent 5px, hsla(0, 0%, 0%, .025) 5px, hsla(0, 0%, 0%, .025) 10px) hsla(203, 11%, 95%, .4); - text-transform: uppercase; - letter-spacing: .5px; - font-weight: 600; - font-size: 9px; - line-height: 0; - } \ No newline at end of file From 36bcab4451e56f9d3e405e9a2485eb0240b09660 Mon Sep 17 00:00:00 2001 From: Tanner Nelson Date: Wed, 5 Dec 2018 17:07:25 -0500 Subject: [PATCH 5/5] remove debug print + cleanup css --- 3.0/theme/scripts/carbon.js | 1 - 3.0/theme/styles/carbon.css | 120 ++++++++++++++++++------------------ 2 files changed, 60 insertions(+), 61 deletions(-) diff --git a/3.0/theme/scripts/carbon.js b/3.0/theme/scripts/carbon.js index 6f832087..c09d4c99 100644 --- a/3.0/theme/scripts/carbon.js +++ b/3.0/theme/scripts/carbon.js @@ -1,6 +1,5 @@ // data-md-component="toc" document.addEventListener("DOMContentLoaded", function(event) { - console.log(document); var toc_inner = document.querySelectorAll('[data-md-component=toc] .md-sidebar__inner')[0]; var script = document.createElement("script"); script.src = '//cdn.carbonads.com/carbon.js?serve=CK7DT2QW&placement=vaporcodes'; diff --git a/3.0/theme/styles/carbon.css b/3.0/theme/styles/carbon.css index d24b12e7..e1af32c4 100644 --- a/3.0/theme/styles/carbon.css +++ b/3.0/theme/styles/carbon.css @@ -1,61 +1,61 @@ #carbonads { - margin-left: 12px; - margin-top: 12px; - display: block; - overflow: hidden; - max-width: 160px; - border: solid 1px hsla(0, 0%, 0%, .1); - border-radius: 4px; - background-color: hsl(0, 0%, 98%); - text-align: center; - font-size: 12px; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, - Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif; - line-height: 1.5; - } - - #carbonads a { - color: inherit; - text-decoration: none; - } - - #carbonads a:hover { - color: inherit; - } - - #carbonads span { - position: relative; - display: block; - overflow: hidden; - } - - .carbon-img { - display: block; - margin-bottom: 8px; - max-width: 160px; - line-height: 1; - } - - .carbon-img img { - display: block; - margin: 0 auto; - max-width: 160px !important; - width: 160px; - height: auto; - } - - .carbon-text { - display: block; - padding: 0 1em 8px; - } - - .carbon-poweredby { - display: block; - padding: 10px 12px; - background: repeating-linear-gradient(-45deg, transparent, transparent 5px, hsla(0, 0%, 0%, .025) 5px, hsla(0, 0%, 0%, .025) 10px) hsla(203, 11%, 95%, .4); - text-transform: uppercase; - letter-spacing: .5px; - font-weight: 600; - font-size: 9px; - line-height: 0; - } \ No newline at end of file + margin-left: 10px; + margin-top: 12px; + display: block; + overflow: hidden; + max-width: 160px; + border: solid 1px hsla(0, 0%, 0%, .1); + border-radius: 4px; + background-color: hsl(0, 0%, 98%); + text-align: center; + font-size: 12px; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, + Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif; + line-height: 1.5; +} + +#carbonads a { + color: inherit; + text-decoration: none; +} + +#carbonads a:hover { + color: inherit; +} + +#carbonads span { + position: relative; + display: block; + overflow: hidden; +} + +.carbon-img { + display: block; + margin-bottom: 8px; + max-width: 160px; + line-height: 1; +} + +.carbon-img img { + display: block; + margin: 0 auto; + max-width: 160px !important; + width: 160px; + height: auto; +} + +.carbon-text { + display: block; + padding: 0 1em 8px; +} + +.carbon-poweredby { + display: block; + padding: 10px 12px; + background: repeating-linear-gradient(-45deg, transparent, transparent 5px, hsla(0, 0%, 0%, .025) 5px, hsla(0, 0%, 0%, .025) 10px) hsla(203, 11%, 95%, .4); + text-transform: uppercase; + letter-spacing: .5px; + font-weight: 600; + font-size: 9px; + line-height: 0; +}