diff options
author | Dan <danjm.com@gmail.com> | 2018-03-09 01:31:21 +0800 |
---|---|---|
committer | Dan <danjm.com@gmail.com> | 2018-03-09 01:51:54 +0800 |
commit | 91c890041c685db8ff7f7ac87009225fa31b3042 (patch) | |
tree | 7172c36f2a0e118ac07718f9d85f53f60c84f717 /ui/app/css/itcss/components/welcome-screen.scss | |
parent | b8dec6827127ebd5a1fba19a389a361ebc3a9a4d (diff) | |
download | tangerine-wallet-browser-91c890041c685db8ff7f7ac87009225fa31b3042.tar.gz tangerine-wallet-browser-91c890041c685db8ff7f7ac87009225fa31b3042.tar.zst tangerine-wallet-browser-91c890041c685db8ff7f7ac87009225fa31b3042.zip |
Add welcome screen to new-ui browser first time flow.
Diffstat (limited to 'ui/app/css/itcss/components/welcome-screen.scss')
-rw-r--r-- | ui/app/css/itcss/components/welcome-screen.scss | 47 |
1 files changed, 47 insertions, 0 deletions
diff --git a/ui/app/css/itcss/components/welcome-screen.scss b/ui/app/css/itcss/components/welcome-screen.scss new file mode 100644 index 000000000..dc8b38399 --- /dev/null +++ b/ui/app/css/itcss/components/welcome-screen.scss @@ -0,0 +1,47 @@ +.welcome-screen { + display: flex; + flex-flow: column; + justify-content: center; + align-items: center; + font-family: Roboto; + font-weight: 400; + width: 100%; + height: 100%; + padding: 70px 0; + background: $white; + + &__info { + display: flex; + flex-flow: column; + width: 100%; + height: 100%; + align-items: center; + + &__header { + font-size: 1.65em; + margin-bottom: 14px; + } + + &__copy { + font-size: 1em; + width: 400px; + max-width: 90vw; + text-align: center; + } + } + + &__button { + height: 54px; + width: 198px; + box-shadow: 0 2px 4px 0 rgba(0,0,0,0.14); + color: #FFFFFF; + font-size: 20px; + font-weight: 500; + line-height: 26px; + text-align: center; + text-transform: uppercase; + margin: 35px 0 14px; + transition: 200ms ease-in-out; + background-color: rgba(247, 134, 28, 0.9); + } +}
\ No newline at end of file |