diff options
author | Robert Kaussow <mail@geeklabor.de> | 2021-02-21 16:45:41 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-02-21 16:45:41 +0300 |
commit | 0317ea13ce5e84586568d57fe4bf9cfcc5fbde28 (patch) | |
tree | 342b9b34e8255e4bc0b5904306e614c9a9bb0c1a /src | |
parent | 582d84408ef6c878083d5f9eb811a6623b913ae0 (diff) |
feat: enable lazy loading for custom img shortcode (#28)
Diffstat (limited to 'src')
-rw-r--r-- | src/sass/_base.scss | 12 | ||||
-rw-r--r-- | src/sass/_defaults.scss | 2 | ||||
-rw-r--r-- | src/sass/_markdown.scss | 1 |
3 files changed, 10 insertions, 5 deletions
diff --git a/src/sass/_base.scss b/src/sass/_base.scss index 7995818..4f65926 100644 --- a/src/sass/_base.scss +++ b/src/sass/_base.scss @@ -272,7 +272,7 @@ img { min-height: 180px; object-fit: cover; overflow: hidden; - border-radius: 3px; + border-radius: $border-radius; } span { @@ -283,7 +283,7 @@ img { padding: $padding-4; font-size: 0.8em; color: $gray-200; - border-radius: 3px 0; + border-radius: $border-radius 0; } a:hover, @@ -301,17 +301,21 @@ img { } &__figure { - padding: $padding-4 $padding-4 0 $padding-4; + padding: $padding-4; margin: $padding-16 0; background-color: $gray-300; display: table; + border-top-left-radius: $border-radius; + border-top-right-radius: $border-radius; figcaption { display: table-caption; caption-side: bottom; background-color: $gray-300; - padding: $padding-4; + padding: 0 $padding-4 $padding-4; text-align: center; + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; } img { diff --git a/src/sass/_defaults.scss b/src/sass/_defaults.scss index 3cdbf55..1394d25 100644 --- a/src/sass/_defaults.scss +++ b/src/sass/_defaults.scss @@ -11,7 +11,7 @@ $font-size-14: 0.875rem !default; $font-size-16: 1rem !default; $font-size-32: 2rem !default; -$border-radius: 0.3rem !default; +$border-radius: 0.15rem !default; // Grayscale $white: rgba(255, 255, 255, 1) !default; diff --git a/src/sass/_markdown.scss b/src/sass/_markdown.scss index 186605a..245a7b7 100644 --- a/src/sass/_markdown.scss +++ b/src/sass/_markdown.scss @@ -22,6 +22,7 @@ img { max-width: 100%; + border-radius: $border-radius; } blockquote { |