2015-12-26 01:56:59 +00:00
|
|
|
|
|
|
|
|
|
|
// Form
|
|
|
|
|
|
// ––––––––––––––––––––––––––––––––––––––––––––––––––
|
|
|
|
|
|
|
2020-05-17 21:41:05 +00:00
|
|
|
|
input[type='color'],
|
|
|
|
|
|
input[type='date'],
|
|
|
|
|
|
input[type='datetime'],
|
|
|
|
|
|
input[type='datetime-local'],
|
|
|
|
|
|
input[type='email'],
|
|
|
|
|
|
input[type='month'],
|
|
|
|
|
|
input[type='number'],
|
|
|
|
|
|
input[type='password'],
|
|
|
|
|
|
input[type='search'],
|
|
|
|
|
|
input[type='tel'],
|
|
|
|
|
|
input[type='text'],
|
|
|
|
|
|
input[type='url'],
|
|
|
|
|
|
input[type='week'],
|
2017-02-05 05:04:17 +00:00
|
|
|
|
input:not([type]),
|
2015-12-26 01:56:59 +00:00
|
|
|
|
textarea,
|
|
|
|
|
|
select
|
2020-05-21 04:18:15 +00:00
|
|
|
|
-webkit-appearance: none // sass-lint:disable-line no-vendor-prefixes
|
2020-05-17 21:41:05 +00:00
|
|
|
|
background-color: transparent
|
|
|
|
|
|
border: .1rem solid $color-quaternary
|
|
|
|
|
|
border-radius: .4rem
|
|
|
|
|
|
box-shadow: none
|
|
|
|
|
|
box-sizing: inherit // Forced to replace inherit values of the normalize.css
|
|
|
|
|
|
height: 3.8rem
|
2020-05-21 03:56:38 +00:00
|
|
|
|
padding: .6rem 1.0rem .7rem // This vertically centers text on FF, ignored by Webkit
|
2020-05-17 21:41:05 +00:00
|
|
|
|
width: 100%
|
|
|
|
|
|
|
|
|
|
|
|
&:focus
|
2021-03-21 07:48:28 +00:00
|
|
|
|
border-color: $color-tertiary
|
2020-05-17 21:41:05 +00:00
|
|
|
|
outline: 0
|
2015-12-26 01:56:59 +00:00
|
|
|
|
|
2016-01-08 11:37:11 +00:00
|
|
|
|
select
|
2020-05-18 19:53:30 +00:00
|
|
|
|
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 8" width="30"><path fill="%23' + str-slice(inspect($color-quaternary), 2) + '" d="M0,0l6,8l6-8"/></svg>') center right no-repeat
|
2020-05-17 21:41:05 +00:00
|
|
|
|
padding-right: 3.0rem
|
2016-01-08 11:37:11 +00:00
|
|
|
|
|
2020-05-17 21:41:05 +00:00
|
|
|
|
&:focus
|
2020-05-18 19:53:30 +00:00
|
|
|
|
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 8" width="30"><path fill="%23' + str-slice(inspect($color-primary), 2) + '" d="M0,0l6,8l6-8"/></svg>')
|
2016-01-08 11:37:11 +00:00
|
|
|
|
|
2020-05-17 22:48:41 +00:00
|
|
|
|
&[multiple]
|
|
|
|
|
|
background: none
|
|
|
|
|
|
height: auto
|
2016-01-08 11:37:11 +00:00
|
|
|
|
|
2015-12-26 01:56:59 +00:00
|
|
|
|
textarea
|
2020-05-17 21:41:05 +00:00
|
|
|
|
min-height: 6.5rem
|
2015-12-26 01:56:59 +00:00
|
|
|
|
|
|
|
|
|
|
label,
|
|
|
|
|
|
legend
|
2020-05-17 21:41:05 +00:00
|
|
|
|
display: block
|
|
|
|
|
|
font-size: 1.6rem
|
|
|
|
|
|
font-weight: 700
|
|
|
|
|
|
margin-bottom: .5rem
|
2015-12-26 01:56:59 +00:00
|
|
|
|
|
|
|
|
|
|
fieldset
|
2020-05-17 21:41:05 +00:00
|
|
|
|
border-width: 0
|
|
|
|
|
|
padding: 0
|
2015-12-26 01:56:59 +00:00
|
|
|
|
|
|
|
|
|
|
input[type='checkbox'],
|
|
|
|
|
|
input[type='radio']
|
2020-05-17 21:41:05 +00:00
|
|
|
|
display: inline
|
2015-12-26 01:56:59 +00:00
|
|
|
|
|
|
|
|
|
|
.label-inline
|
2020-05-17 21:41:05 +00:00
|
|
|
|
display: inline-block
|
|
|
|
|
|
font-weight: normal
|
|
|
|
|
|
margin-left: .5rem
|
