diff options
author | Csaba S <csaba.solya@gmail.com> | 2018-02-22 21:55:46 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-02-22 21:55:46 +0800 |
commit | 2f3463048685759319eb320c916cc7bc23a41649 (patch) | |
tree | e53ac24a1a127f1c684327bca00d23f51b56c542 /ui/app/css/itcss/components/menu.scss | |
parent | 5ec311ba3e01bd9b0a9ff447fd7639d22a7b3d9c (diff) | |
parent | eed75735b8e90d121537249cf147c1ece60f1e47 (diff) | |
download | tangerine-wallet-browser-2f3463048685759319eb320c916cc7bc23a41649.tar.gz tangerine-wallet-browser-2f3463048685759319eb320c916cc7bc23a41649.tar.zst tangerine-wallet-browser-2f3463048685759319eb320c916cc7bc23a41649.zip |
Merge branch 'master' into edge-support
Diffstat (limited to 'ui/app/css/itcss/components/menu.scss')
-rw-r--r-- | ui/app/css/itcss/components/menu.scss | 59 |
1 files changed, 59 insertions, 0 deletions
diff --git a/ui/app/css/itcss/components/menu.scss b/ui/app/css/itcss/components/menu.scss new file mode 100644 index 000000000..eb92a1b70 --- /dev/null +++ b/ui/app/css/itcss/components/menu.scss @@ -0,0 +1,59 @@ +.menu { + border-radius: 4px; + background: rgba($black, .8); + box-shadow: rgba($black, .15) 0 2px 2px 2px; + min-width: 150px; + color: $white; + + &__item { + padding: 18px; + display: flex; + flex-flow: row nowrap; + align-items: center; + position: relative; + font-weight: 300; + z-index: 201; + + @media screen and (max-width: 575px) { + padding: 14px; + } + + &--clickable { + cursor: pointer; + + &:hover { + background-color: rgba($white, .05); + } + + &:active { + background-color: rgba($white, .1); + } + } + + &__icon { + height: 16px; + width: 16px; + margin-right: 14px; + } + + &__text { + font-size: 16px; + line-height: 21px; + } + } + + &__divider { + background-color: $scorpion; + width: 100%; + height: 1px; + } + + &__close-area { + position: fixed; + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 100; + } +} |