34 lines
638 B
Sass
34 lines
638 B
Sass
// Material UI green 800
|
|
$primary: #2e7d32
|
|
$primaryDark: #005005
|
|
$primaryLight: #60ad5e
|
|
// Material UI blue 700
|
|
$secondary: #1976d2
|
|
$secondaryDark: #004ba0
|
|
$secondaryLight: #63a4ff
|
|
|
|
$error: #F7A9A1
|
|
$errorDark: #B71C1C
|
|
|
|
$primaryContrastText: white
|
|
$background: white
|
|
$text: #212121
|
|
$border: #DDD
|
|
$disabled: #CCC
|
|
|
|
@mixin input
|
|
font-size: 1rem
|
|
margin: .5rem 0
|
|
border-radius: .25rem
|
|
border: 1px solid $border
|
|
padding: calc(.75rem + 1px) 1rem
|
|
box-sizing: border-box
|
|
|
|
&:hover:not(:disabled), &:focus:not(:disabled)
|
|
border-color: $primary
|
|
|
|
&:focus
|
|
padding: .75rem calc(1rem - 1px)
|
|
border-width: 2px
|
|
outline: none
|