53 lines
1.0 KiB
Sass
53 lines
1.0 KiB
Sass
.card
|
|
display: block
|
|
height: auto
|
|
margin-bottom: 15px
|
|
padding: 15px 10px
|
|
background: white
|
|
|
|
&.hover-box
|
|
+transition(box-shadow, 200ms)
|
|
|
|
&:hover
|
|
box-shadow: 0 6px 20px 0 rgba(#000, 0.19), 0 8px 17px 0 rgba(#000, 0.2)
|
|
|
|
.underline
|
|
text-decoration: underline
|
|
|
|
input[type=text]
|
|
background: none
|
|
border: none
|
|
outline: none
|
|
|
|
.input-group
|
|
position: relative
|
|
display: block
|
|
width: 100%
|
|
margin: 20px auto 10px
|
|
|
|
input
|
|
display: inline-block
|
|
width: 100%
|
|
padding: 10px 0
|
|
border-bottom: solid 2px $main-color
|
|
color: rgb(25, 25, 25)
|
|
font-size: 16px
|
|
|
|
&:focus, &:active
|
|
outline: none
|
|
|
|
label
|
|
+position(absolute, 50% null null 0)
|
|
+transform(translateY(-50%))
|
|
font-style: italic
|
|
font-size: 16px
|
|
color: #999
|
|
pointer-events: none
|
|
+transition(all, 200ms ease-out 0s)
|
|
|
|
input:focus + label,
|
|
input.has-value + label
|
|
top: -5px
|
|
font-size: 12px
|
|
color: $main-color
|