diff options
| author | Valentin Popov <info@valentineus.link> | 2018-05-31 04:17:35 +0300 |
|---|---|---|
| committer | Valentin Popov <info@valentineus.link> | 2018-05-31 04:17:35 +0300 |
| commit | cfac6990678b93da19180d83851b4990c894f76f (patch) | |
| tree | 7b8faba628ee576f693df7460c914bf0a9cec454 | |
| parent | fcd7e33186f0188448b9ddac4cfe56dd641a389f (diff) | |
| download | obs-somafm_current_track-cfac6990678b93da19180d83851b4990c894f76f.tar.xz obs-somafm_current_track-cfac6990678b93da19180d83851b4990c894f76f.zip | |
Custom stylesheet
Signed-off-by: Valentin Popov <info@valentineus.link>
| -rw-r--r-- | _scss/_custom.scss | 36 |
1 files changed, 36 insertions, 0 deletions
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; +} |