Mailspring/static/inputs.less
Jackie Luo c49d523e8f refactor(ui-variables): Clean UI variables for consistency/usage
Summary: Shortens and simplifies UI variables so that unused variables are no longer present.

Test Plan: Tested locally.

Reviewers: evan, bengotow

Reviewed By: bengotow

Differential Revision: https://phab.nylas.com/D2738
2016-03-15 11:18:50 -07:00

67 lines
1.4 KiB
Text

@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: fadeout(@input-bg, 40%);
}
}
textarea,
input[type="text"],
input[type="email"],
.search-bar .menu .header-container input {
&: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%);
}
}
}