Mailspring/app/static/inputs.less
2017-10-14 17:36:44 -07:00

80 lines
1.6 KiB
Plaintext

@import 'ui-variables';
@import 'ui-mixins';
input[type='text'],
input[type='email'],
input[type='date'],
input[type='datetime'],
input[type='datetime-local'],
input[type='month'],
input[type='number'],
input[type='password'],
input[type='range'],
input[type='search'],
input[type='tel'],
input[type='time'],
input[type='url'] {
width: 100%;
padding-left: @padding-xs-horizontal;
padding-right: @padding-xs-horizontal;
line-height: @line-height-computed;
font-weight: 400;
background: @input-bg;
color: @text-color;
border-radius: @border-radius-base;
border: 1px solid @input-border-color;
&:disabled {
background: rgba(0, 0, 0, 0.02);
opacity: 0.7;
}
}
.search-bar .menu .header-container input,
textarea,
input[type='text'],
input[type='email'],
input[type='date'],
input[type='datetime'],
input[type='datetime-local'],
input[type='month'],
input[type='number'],
input[type='password'],
input[type='range'],
input[type='search'],
input[type='tel'],
input[type='time'],
input[type='url'] {
&:focus {
border: 1px solid @accent-primary;
box-shadow: 0 0 1.5px @accent-primary;
}
}
body.platform-win32 {
input[type='text'],
input[type='email'],
input[type='date'],
input[type='datetime'],
input[type='datetime-local'],
input[type='month'],
input[type='number'],
input[type='password'],
input[type='range'],
input[type='search'],
input[type='tel'],
input[type='time'],
input[type='url'] {
border: 0;
border-radius: 0;
box-shadow: 0 0 0 2px @input-border-color;
&:focus {
border: 0;
border-radius: 0;
box-shadow: 0 0 0 2px darken(@input-border-color, 20%);
}
}
}