Updated to new theme of TeXt

_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);
+  }
+}

_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%;
+  }
+}

_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;
+  }
+}