diff options
Diffstat (limited to '_sass/additional')
-rw-r--r-- | _sass/additional/_alert.scss | 29 | ||||
-rw-r--r-- | _sass/additional/_photo-frame.scss | 17 | ||||
-rw-r--r-- | _sass/additional/_tag.scss | 21 |
3 files changed, 67 insertions, 0 deletions
diff --git a/_sass/additional/_alert.scss b/_sass/additional/_alert.scss new file mode 100644 index 0000000..fa5651f --- /dev/null +++ b/_sass/additional/_alert.scss @@ -0,0 +1,29 @@ +.article__content { + p.success { + padding: map-get($spacers, 2) map-get($spacers, 3); + background-color: rgba($green, .1); + border: 1px solid $green; + border-radius: map-get($base, border-radius); + } + + p.info { + padding: map-get($spacers, 2) map-get($spacers, 3); + background-color: rgba($blue, .1); + border: 1px solid $blue; + border-radius: map-get($base, border-radius); + } + + p.warning { + padding: map-get($spacers, 2) map-get($spacers, 3); + background-color: rgba($yellow, .1); + border: 1px solid $yellow; + border-radius: map-get($base, border-radius); + } + + p.error { + padding: map-get($spacers, 2) map-get($spacers, 3); + background-color: rgba($red, .1); + border: 1px solid $red; + border-radius: map-get($base, border-radius); + } +} diff --git a/_sass/additional/_photo-frame.scss b/_sass/additional/_photo-frame.scss new file mode 100644 index 0000000..55a30c7 --- /dev/null +++ b/_sass/additional/_photo-frame.scss @@ -0,0 +1,17 @@ +.article__content { + img.shadow, .shadow > img { + @include box-shadow(); + } + + img.border, .border > img { + border: 1px solid $border-color-l; + } + + img.rounded, .rounded > img { + border-radius: map-get($base, border-radius); + } + + img.circle, .circle > img { + border-radius: 50%; + } +} diff --git a/_sass/additional/_tag.scss b/_sass/additional/_tag.scss new file mode 100644 index 0000000..6a418ed --- /dev/null +++ b/_sass/additional/_tag.scss @@ -0,0 +1,21 @@ +.article__content { + code.success { + color: $text-color-function; + background-color: $green; + } + + code.info { + color: $text-color-function; + background-color: $blue; + } + + code.warning { + color: $text-color-function; + background-color: $yellow; + } + + code.error { + color: $text-color-function; + background-color: $red; + } +} |