summaryrefslogtreecommitdiff
path: root/_sass/additional
diff options
context:
space:
mode:
Diffstat (limited to '_sass/additional')
-rw-r--r--_sass/additional/_alert.scss29
-rw-r--r--_sass/additional/_photo-frame.scss17
-rw-r--r--_sass/additional/_tag.scss21
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;
+ }
+}