diff options
| author | Alexander Tseung <alextsg@gmail.com> | 2018-07-21 01:25:45 +0800 |
|---|---|---|
| committer | Alexander Tseung <alextsg@gmail.com> | 2018-07-24 00:23:43 +0800 |
| commit | cdda52d799ea9edeb135de44e02fecc9d6d8e94b (patch) | |
| tree | 05aa2ffd128eb715934233b5063da2bd0a83a422 /ui/app/components/button-group/index.scss | |
| parent | 6d04c80302736133b0e741aa51719d0802cd8a2f (diff) | |
| download | tangerine-wallet-browser-cdda52d799ea9edeb135de44e02fecc9d6d8e94b.tar tangerine-wallet-browser-cdda52d799ea9edeb135de44e02fecc9d6d8e94b.tar.gz tangerine-wallet-browser-cdda52d799ea9edeb135de44e02fecc9d6d8e94b.tar.bz2 tangerine-wallet-browser-cdda52d799ea9edeb135de44e02fecc9d6d8e94b.tar.lz tangerine-wallet-browser-cdda52d799ea9edeb135de44e02fecc9d6d8e94b.tar.xz tangerine-wallet-browser-cdda52d799ea9edeb135de44e02fecc9d6d8e94b.tar.zst tangerine-wallet-browser-cdda52d799ea9edeb135de44e02fecc9d6d8e94b.zip | |
Add ButtonGroup component
Diffstat (limited to 'ui/app/components/button-group/index.scss')
| -rw-r--r-- | ui/app/components/button-group/index.scss | 38 |
1 files changed, 38 insertions, 0 deletions
diff --git a/ui/app/components/button-group/index.scss b/ui/app/components/button-group/index.scss new file mode 100644 index 000000000..29713c75b --- /dev/null +++ b/ui/app/components/button-group/index.scss @@ -0,0 +1,38 @@ +.button-group { + display: flex; + justify-content: center; + align-items: center; + + &__button { + font-family: Roboto; + font-size: 1rem; + color: $tundora; + border-style: solid; + border-color: $alto; + border-width: 1px 1px 1px; + border-left: 0; + flex: 1; + padding: 12px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + + &:first-child { + border-left: 1px solid $alto; + border-radius: 4px 0 0 4px; + } + + &:last-child { + border-radius: 0 4px 4px 0; + } + + &--active { + background-color: $dodger-blue; + color: $white; + } + + &:disabled { + opacity: .5; + } + } +}
\ No newline at end of file |