diff options
Diffstat (limited to 'client/src/common/scss')
-rw-r--r-- | client/src/common/scss/_colors.scss | 5 | ||||
-rw-r--r-- | client/src/common/scss/_forms.scss | 52 | ||||
-rw-r--r-- | client/src/common/scss/_globals.scss | 12 | ||||
-rw-r--r-- | client/src/common/scss/_info.scss | 8 | ||||
-rw-r--r-- | client/src/common/scss/_main.scss | 16 | ||||
-rwxr-xr-x | client/src/common/scss/_reset.scss | 52 | ||||
-rw-r--r-- | client/src/common/scss/_topBar.scss | 114 |
7 files changed, 0 insertions, 259 deletions
diff --git a/client/src/common/scss/_colors.scss b/client/src/common/scss/_colors.scss deleted file mode 100644 index 2dd49a0..0000000 --- a/client/src/common/scss/_colors.scss +++ /dev/null @@ -1,5 +0,0 @@ -$background: #181818; -$text: #eee; -$text-highlighted: #fff; -$text-selected: orange; -$text-inactive: #aaa; diff --git a/client/src/common/scss/_forms.scss b/client/src/common/scss/_forms.scss deleted file mode 100644 index b7ac0f4..0000000 --- a/client/src/common/scss/_forms.scss +++ /dev/null @@ -1,52 +0,0 @@ -// Text Input - -.text-input { - text-align: left; - margin-bottom: 1.5em; - transition: all .3s; - cursor: text; - - &:focus-within { - transform: scale(1.05,1.05); - } -} - -.text-input-label { - font-size: 1.25em; - width: 100%; - color: #aaa; - display:block; - transform:translateY(-1.75em); - transform-origin: 0 0; - transition: all .3s; - z-index: -1; - cursor: text; -} - -.text-input-field { - font-size: 1.5rem; - box-shadow: none; - background: $background; - color: $text-highlighted; - border-radius: 0; - border-color: #ccc; - border-style: none none solid none; - width: 100%; - transition: all .5s; - padding: 5px; - - &::placeholder { - color: transparent; - } - - &:focus { - box-shadow: none; - outline: none; - border-color: $text-selected; - } - - &:focus + .text-input-label, - &:not(:placeholder-shown) + .text-input-label { - transform: translateY(-3em) scale(0.8); - } -} diff --git a/client/src/common/scss/_globals.scss b/client/src/common/scss/_globals.scss deleted file mode 100644 index f03ad86..0000000 --- a/client/src/common/scss/_globals.scss +++ /dev/null @@ -1,12 +0,0 @@ -html { - background: $background; -} - -* { - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: -moz-none; - -o-user-select: none; - user-select: none; -} - diff --git a/client/src/common/scss/_info.scss b/client/src/common/scss/_info.scss deleted file mode 100644 index ac32949..0000000 --- a/client/src/common/scss/_info.scss +++ /dev/null @@ -1,8 +0,0 @@ -.info { - display: block; - color: #ddd; - flex-grow: 0; - text-align: center; - padding-bottom: 3vh; - padding-top: 3vh; -} diff --git a/client/src/common/scss/_main.scss b/client/src/common/scss/_main.scss deleted file mode 100644 index e182f3c..0000000 --- a/client/src/common/scss/_main.scss +++ /dev/null @@ -1,16 +0,0 @@ -.main { - display: flex; - flex-direction: column; - justify-content: space-between; - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - - &__content { - flex-grow: 1; - display: flex; - flex-direction: column; - } -} diff --git a/client/src/common/scss/_reset.scss b/client/src/common/scss/_reset.scss deleted file mode 100755 index 2928cc4..0000000 --- a/client/src/common/scss/_reset.scss +++ /dev/null @@ -1,52 +0,0 @@ -* { - box-sizing: border-box; -} - -html, body, div, span, applet, object, iframe, -h1, h2, h3, h4, h5, h6, p, blockquote, pre, -a, abbr, acronym, address, big, cite, code, -del, dfn, em, img, ins, kbd, q, s, samp, -small, strike, strong, sub, sup, tt, var, -b, u, i, center, -dl, dt, dd, ol, ul, li, -fieldset, form, label, legend, -table, caption, tbody, tfoot, thead, tr, th, td, -article, aside, canvas, details, embed, -figure, figcaption, footer, header, hgroup, -menu, nav, output, ruby, section, summary, -time, mark, audio, video { - margin: 0; - padding: 0; - border: 0; - font-size: 100%; - font: inherit; - vertical-align: baseline; -} -article, aside, details, figcaption, figure, -footer, header, hgroup, menu, nav, section { - display: block; -} -body { - line-height: 1; -} -ol, ul { - list-style: none; -} -blockquote, q { - quotes: none; -} -blockquote:before, blockquote:after, -q:before, q:after { - content: ''; - content: none; -} -table { - border-collapse: collapse; - border-spacing: 0; -} - -html{ - min-width: 320px; - background: white; -} - 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; - } - } -} |