diff options
Diffstat (limited to 'ui/app/components/app/network-display/index.scss')
-rw-r--r-- | ui/app/components/app/network-display/index.scss | 57 |
1 files changed, 57 insertions, 0 deletions
diff --git a/ui/app/components/app/network-display/index.scss b/ui/app/components/app/network-display/index.scss new file mode 100644 index 000000000..e9f2f2057 --- /dev/null +++ b/ui/app/components/app/network-display/index.scss @@ -0,0 +1,57 @@ +.network-display { + &__container { + display: flex; + align-items: center; + justify-content: flex-start; + padding: 0 10px; + border-radius: 4px; + height: 25px; + + &--colored { + background-color: lighten(rgb(125, 128, 130), 45%); + } + + &--mainnet { + background-color: lighten($blue-lagoon, 68%); + } + + &--ropsten { + background-color: lighten($crimson, 45%); + } + + &--kovan { + background-color: lighten($purple, 65%); + } + + &--rinkeby { + background-color: lighten($tulip-tree, 35%); + } + } + + &__name { + font-size: .75rem; + padding-left: 5px; + } + + &__icon { + height: 10px; + width: 10px; + border-radius: 10px; + + &--mainnet { + background-color: $blue-lagoon; + } + + &--ropsten { + background-color: $crimson; + } + + &--kovan { + background-color: $purple; + } + + &--rinkeby { + background-color: $tulip-tree; + } + } +} |