diff options
| author |  Piotr Russ <mail@pruss.it>
| 2020-11-28 00:49:09 +0100 |
|---|---|---|
| committer | Piotr Russ <mail@pruss.it>
| 2020-11-28 00:49:09 +0100 |
| commit | 88c2fa63eb8c3ade93914f77d427219b3233ca02 (patch) | |
| tree | 7f9cf80e9146ac92af8b3344b416f21da04acece /client/src/admin/scss/_mainScreen.scss | |
| parent | 5bc2917e78c133cd8966a65aa200588eb6d7c0d6 (diff) | |
| download | website_creator-88c2fa63eb8c3ade93914f77d427219b3233ca02.tar.gz website_creator-88c2fa63eb8c3ade93914f77d427219b3233ca02.tar.bz2 website_creator-88c2fa63eb8c3ade93914f77d427219b3233ca02.zip | |
adding missing styles
Diffstat (limited to 'client/src/admin/scss/_mainScreen.scss')
| -rw-r--r-- | client/src/admin/scss/_mainScreen.scss | 24 |
1 files changed, 21 insertions, 3 deletions
diff --git a/client/src/admin/scss/_mainScreen.scss b/client/src/admin/scss/_mainScreen.scss index 4eec73a..e9eeeb3 100644 --- a/client/src/admin/scss/_mainScreen.scss +++ b/client/src/admin/scss/_mainScreen.scss @@ -1,13 +1,31 @@ .main-screen { text-align: center; + @keyframes shine { + 0% {background-size: 220% 100%;} + 10% {background-position: 0 100%;} + 100% {background-position: 0 100%;} + } + &__header { display: block; margin-top: 10vh; margin-bottom: 20vh; - font-size: 300%; - color: white; + font-size: 2.5em; + font-weight: bold; + color: $text; text-align: center; + position: relative; + overflow: hidden; + background: linear-gradient(to right, $text 50%, $text-selected 55%, $text 60%); + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + background-position: 110%; + animation: shine 15s ease-out; + background-size: 220% 100%; + animation-iteration-count: infinite; + animation-delay: 8s; } &__list { @@ -15,7 +33,7 @@ } &__item { - font-size: 175%; + font-size: 1.5em; color: white; transition: color .3s; cursor: pointer; |