From cfac6990678b93da19180d83851b4990c894f76f Mon Sep 17 00:00:00 2001
From: Valentin Popov <info@valentineus.link>
Date: Thu, 31 May 2018 05:17:35 +0400
Subject: Custom stylesheet

Signed-off-by: Valentin Popov <info@valentineus.link>
---
 _scss/_custom.scss | 36 ++++++++++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)
 create mode 100644 _scss/_custom.scss

diff --git a/_scss/_custom.scss b/_scss/_custom.scss
new file mode 100644
index 0000000..855239d
--- /dev/null
+++ b/_scss/_custom.scss
@@ -0,0 +1,36 @@
+// Animation tools
+@import 'animate';
+@import 'utilities/animationduration';
+@import 'utilities/animationfillmode';
+@import 'utilities/animationname';
+
+// Auxiliary tools
+@import 'utilities/boxsizing';
+@import 'utilities/textsizeadjust';
+
+*,
+*::after,
+*::before {
+  @include box-sizing(border-box);
+  @include text-size-adjust(100%);
+}
+
+body {
+  font-family: 'Roboto', sans-serif;
+  font-size: 16px;
+  padding: 8px;
+}
+
+.message-item {
+  background-color: rgba(21, 27, 38, .8);
+  letter-spacing: .05em;
+  padding: 1em;
+
+  @include animation-duration(1s);
+  @include animation-fill-mode(both);
+  @include animation-name(fadeIn);
+}
+
+.message-text {
+  color: #fff;
+}
-- 
cgit v1.2.3