Update for 0.1.0

.stylelintignore

@@ -1,3 +1,3 @@
-assets/scss/common/_syntax.scss
+assets/scss/components/_syntax.scss
 assets/scss/vendor
 node_modules

CHANGELOG.md

@@ -7,19 +7,11 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
-### Changed
-
-- initial content
-
-### Removed
-
-- negative margin `navbar-brand`
-
-## [0.1.0] - 2020-04-16
+## [0.1.0] - 2020-07-10
 
 ### Added
 
-- [Hyas](https://github.com/h-enk/hyas), Copyright (c) 2019 Henk Verlinde, [MIT License](https://github.com/h-enk/hyas/blob/master/LICENSE)
+- [Hyas](https://github.com/h-enk/hyas), Copyright (c) 2020 Henk Verlinde, [MIT License](https://github.com/h-enk/hyas/blob/master/LICENSE)
 
 [Unreleased]: https://github.com/h-enk/doks/compare/v0.1.0...HEAD
 [0.1.0]: https://github.com/h-enk/doks/releases/tag/v0.1.0

archetypes/default.md

@@ -4,5 +4,5 @@ description: ""
 date: {{ .Date }}
 lastmod: {{ .Date }}
 draft: true
-images: ["hyas.png"]
+images: []
 ---

archetypes/docs.md

@@ -5,7 +5,7 @@ lead: ""
 date: {{ .Date }}
 lastmod: {{ .Date }}
 draft: true
-images: ["hyas.png"]
+images: []
 menu: 
   docs:
     parent: ""

assets/scss/app.scss

@@ -11,9 +11,10 @@
 @import "common/fonts";
 @import "common/global";
 @import "common/dark";
-// @import "common/syntax";
+@import "components/alerts";
 @import "components/buttons";
 @import "components/code";
+// @import "components/syntax";
 @import "components/comments";
 @import "components/forms";
 @import "components/images";

assets/scss/common/_variables.scss

@@ -1,8 +1,4 @@
-/*
-$theme-colors: (
-  primary: #3c48d5
-);
-*/
+// Color system
 
 $white:    #fff;
 $gray-100: #f8f9fa;
@@ -16,13 +12,12 @@ $gray-800: #343a40;
 $gray-900: #212529;
 $black:    #000;
 
-$yellow: #ffe000;
-$black: #1d2d35;
-$white: #fff;
-$beige: #fbf7f0;
-$red: #e55235;
-$purple: #5d2f86;
-$brown: #aa9c84;
+$yellow:   #ffe000;
+$black:    #1d2d35;
+$beige:    #fbf7f0;
+$red:      #e55235;
+$purple:   #5d2f86;
+$brown:    #aa9c84;
 
 $primary: $purple;
 
@@ -113,3 +108,18 @@ $navbar-light-active-color:         $primary;
 // Cards
 
 $card-border-color:                 $gray-200;
+
+// Alerts
+//
+// Define alert colors, border radius, and padding.
+
+$alert-padding-y:                   1rem;
+$alert-padding-x:                   1.5rem;
+$alert-margin-bottom:               0;
+$alert-border-radius:               0;
+$alert-link-font-weight:            $headings-font-weight;
+$alert-border-width:                0;
+
+$alert-bg-level:                    0;
+$alert-border-level:                0;
+$alert-color-level:                 0;

assets/scss/components/_alerts.scss

@@ -0,0 +1,46 @@
+.alert {
+  font-size: $font-size-sm;
+  text-align: center;
+}
+
+@include media-breakpoint-up(md) {
+  .alert {
+    font-size: $font-size-base;
+  }
+}
+
+.alert .alert-link {
+  text-decoration: underline;
+}
+
+.alert-dark {
+  color: $white;
+  background-color: $black;
+}
+
+.alert-dark .alert-link {
+  color: $white;
+}
+
+.alert-light {
+  color: #215888;
+  background: linear-gradient(-45deg, rgb(212, 245, 255), rgb(234, 250, 255), rgb(234, 250, 255), #d3f6ef);
+}
+
+.alert-light .alert-link {
+  color: #215888;
+}
+
+.alert-primary {
+  color: $white;
+  background-color: $primary;
+}
+
+.alert-primary .alert-link {
+  color: $white;
+}
+
+.alert .alert-link:hover,
+.alert .alert-link:focus {
+  text-decoration: none;
+}

assets/scss/components/_buttons.scss

@@ -7,6 +7,11 @@
   margin-right: 1.25rem;
 }
 
+.btn-link:focus {
+  outline: 0;
+  box-shadow: none;
+}
+
 #navigation {
   margin-left: 1.25rem;
 }

assets/scss/components/_images.scss

@@ -1,20 +1,3 @@
-.img svg,
-.img img {
-  margin: 0;
-  width: 100%;
-  height: auto;
-}
-
-.img {
-  position: relative;
-}
-
-.img img {
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-
 figure {
   margin: 2rem 0;
 }
@@ -33,11 +16,11 @@ figure.wide .figure-caption {
 
 @include media-breakpoint-up(md) {
   figure.wide {
-    margin: 2rem -3rem;
+    margin: 2rem -2.5rem;
   }
 
   figure.wide .figure-caption {
-    margin: 0.25rem 3rem 0.75rem;
+    margin: 0.25rem 2.5rem 0.75rem;
   }
 }
 
@@ -52,12 +35,9 @@ figure.wide .figure-caption {
 }
 
 .blur-up {
-  -webkit-filter: blur(5px);
   filter: blur(5px);
-  transition: filter 300ms, -webkit-filter 300ms;
 }
 
 .blur-up.lazyloaded {
-  -webkit-filter: blur(0);
-  filter: blur(0);
+  filter: unset;
 }