Mailspring/static/inputs.less
Ben Gotow 8a8170eb0e 🎨: Smaller buttons, smaller toolbar, smaller text
This should not be considered final, but we do plan to shrink the size of the entire UI slightly to match platform conventions.
2016-02-09 19:45:24 -08:00

67 lines
1.3 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;
&:disabled {
background: fadeout(@input-bg, 40%);
}
}
textarea,
input[type="text"],
input[type="email"] {
&: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;
&:focus {
border: 0;
border-radius: 0;
box-shadow: 0 0 0 2px darken(@input-border, 20%);
}
}
}