mirror of
https://github.com/hanzo-labs/wallet-2.git
synced 2026-10-30 18:54:05 +00:00
162 lines
2.8 KiB
Stylus
162 lines
2.8 KiB
Stylus
.input.input.input.input.input:not(button)
|
|
padding: .5em 1em
|
|
margin: 0
|
|
background-color: transparent
|
|
|
|
input
|
|
textarea
|
|
border: 0
|
|
color: $white
|
|
background-color: transparent
|
|
resize: none
|
|
|
|
&:-moz-placeholder
|
|
color: $placeholderColor
|
|
|
|
&::-moz-placeholder
|
|
color: $placeholderColor
|
|
|
|
&:-ms-input-placeholder
|
|
color: $placeholderColor
|
|
|
|
&::-webkit-input-placeholder
|
|
color: $placeholderColor
|
|
|
|
&::placeholder
|
|
color: $placeholderColor
|
|
|
|
select
|
|
color: $white
|
|
border-bottom: 0
|
|
|
|
& ~ .select-indicator
|
|
color: $white
|
|
top: 50%
|
|
right: 1rem
|
|
|
|
&.required
|
|
.input-container
|
|
&:after
|
|
content: ''
|
|
position: absolute
|
|
left: 0
|
|
top: 0
|
|
width: 1px
|
|
height: 100%
|
|
background-color: $goodColor
|
|
transition: background-color ($transitionTime) ease-in-out
|
|
|
|
&:not(.valid):after
|
|
background-color: $errorColor
|
|
|
|
.error
|
|
right: 1rem
|
|
top: 50%
|
|
transform: translateY(-50%)
|
|
margin-top: 0
|
|
position: absolute
|
|
text-align: right
|
|
display: block
|
|
width: auto
|
|
|
|
.mini
|
|
position: absolute
|
|
right: 1rem
|
|
bottom: .5rem
|
|
display: block
|
|
width: auto
|
|
|
|
.currency-code:after
|
|
content: 'NAV'
|
|
font-size: 2.5rem
|
|
display: block
|
|
position: absolute
|
|
right: 1rem
|
|
top: 50%
|
|
transform: translateY(-50%)
|
|
color: $white
|
|
|
|
.error
|
|
color: $errorColor !important
|
|
|
|
.button-group
|
|
display: flex
|
|
flex-direction: row
|
|
|
|
.button
|
|
border-radius: 0 !important
|
|
|
|
& + .button
|
|
border-left-color: transparent !important
|
|
|
|
&:first-child
|
|
border-top-left-radius: 2px !important
|
|
border-bottom-left-radius: 2px !important
|
|
|
|
&:last-child
|
|
border-top-right-radius: 2px !important
|
|
border-bottom-right-radius: 2px !important
|
|
|
|
.button
|
|
border-radius: 2px !important
|
|
border: 1px solid $buttonBorderColor !important
|
|
color: $white
|
|
top: 0 !important
|
|
box-shadow: none !important
|
|
background: transparent !important
|
|
font-weight: 300
|
|
letter-spacing: .175rem
|
|
line-height: 3rem
|
|
height: 3rem
|
|
width: 100%
|
|
padding: 0 2rem
|
|
cursor: pointer
|
|
|
|
&:hover:not(:disabled)
|
|
&:focus:not(:disabled)
|
|
border-color: $highlightDarkColor !important
|
|
|
|
.list-picker-wrapper.list-picker-wrapper.list-picker-wrapper
|
|
text-align: center
|
|
|
|
.control
|
|
& > *
|
|
width: 100%
|
|
|
|
textarea
|
|
width: 100%
|
|
|
|
.form
|
|
.button
|
|
text-align: center
|
|
|
|
.form-group.form-group.form-group
|
|
align-items: flex-start
|
|
|
|
.control
|
|
margin-bottom: 1rem
|
|
|
|
.form-content.form-content.form-content
|
|
padding-bottom: .5rem
|
|
|
|
+tablet()
|
|
.columns
|
|
flex-direction: column !important
|
|
|
|
& > *
|
|
flex: 1
|
|
width: 100%
|
|
margin-left: 0
|
|
margin-right: 0
|
|
|
|
.photos
|
|
text-align: center
|
|
|
|
.webcam-capture
|
|
text-align: center
|
|
margin-top: 1rem
|
|
|
|
img
|
|
border-radius: 2px
|
|
|