diff options
author | 2020-11-18 23:15:38 +0100 | |
---|---|---|
committer | 2020-11-18 23:15:38 +0100 | |
commit | 1870f3fdf43707a15fda0f609a021f516f45eb63 (patch) | |
tree | fbaf527a47cd89a171df18da4b41e8ce34668555 /client/src/common/scss/_topBar.scss | |
parent | e06ec920f7a5d784e674c4c4b4e6d1da3dc7391d (diff) | |
download | website_creator-1870f3fdf43707a15fda0f609a021f516f45eb63.tar.gz website_creator-1870f3fdf43707a15fda0f609a021f516f45eb63.tar.bz2 website_creator-1870f3fdf43707a15fda0f609a021f516f45eb63.zip |
finish auth routes, create cookie token, fix folder structure, add context to FE
Diffstat (limited to 'client/src/common/scss/_topBar.scss')
-rw-r--r-- | client/src/common/scss/_topBar.scss | 114 |
1 files changed, 0 insertions, 114 deletions
diff --git a/client/src/common/scss/_topBar.scss b/client/src/common/scss/_topBar.scss deleted file mode 100644 index fb0e6a5..0000000 --- a/client/src/common/scss/_topBar.scss +++ /dev/null @@ -1,114 +0,0 @@ -@keyframes showTopMenu { - 0% {transform: translateY(100%) scale(0.8) ; opacity: 0;} - 80% {transform: translateY(100%) scale(1.1); opacity: 100%;} - 100% {transform: translateY(100%) scale(1); opacity: 100%;} -} - -.top-bar { - flex-grow: 0; - display: flex; - justify-content: end; - padding: 1em; - - - &__fog { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - } -} - -.user { - position: relative; - - &__list { - position: absolute; - display: block; - bottom: 0; - right: 0; - transform: translateY(100%); - background: #222; - animation: showTopMenu .3s; - } - - &__main-item { - color: white; - display: block; - padding: .5em; - white-space: nowrap; - transition: color .3s; - cursor: pointer; - - &--active { - background: #222; - color: yellow; - } - - &:hover { - color: yellow; - } - } - - &__item { - display: block; - color: white; - padding: .5em; - font-weight: normal; - transition: color .3s; - cursor: pointer; - white-space: nowrap; - text-align: right; - - &:hover { - color: yellow; - } - } -} - -.lang-switch { - display: inline-block; - position: relative; - - &__list { - position: absolute; - bottom: 0; - left: 0; - right: 0; - transform: translateY(100%); - background: #222; - animation: showTopMenu .3s; - } - - &__main-item { - transition: .3s color; - padding: .5em; - display: block; - color: white; - font-weight: normal; - cursor: pointer; - - &:hover { - color: yellow; - } - - &--active { - background: #222; - color: yellow; - } - } - - &__item { - padding: .5em; - display: block; - color: white; - font-weight: normal; - cursor: pointer; - transition: color .3s; - - &:hover { - color: yellow; - } - } -} |