framework/less/common/FormControl.less
Toby Zerner 3f683dd6ee
Webpack (#1367)
* Replace gulp with webpack and npm scripts for JS compilation
* Set up Travis CI to commit compiled JS
* Restructure `js` directory; only one instance of npm, forum/admin are "submodules"
* Refactor JS initializers into Application subclasses
* Maintain partial compatibility API (importing from absolute paths) for extensions
* Remove minification responsibility from PHP asset compiler
* Restructure `less` directory
2018-06-20 13:20:31 +09:30

52 lines
953 B
Plaintext

.FormControl {
display: block;
width: 100%;
height: 36px;
padding: 8px 13px;
font-size: 13px;
line-height: 1.5;
color: @control-color;
background-color: @control-bg;
border: 2px solid transparent;
border-radius: @border-radius;
.transition(~"border-color .15s, background .15s");
-webkit-appearance: none;
&:focus,
&.focus {
background-color: @body-bg;
color: @text-color;
border-color: @primary-color;
outline: none;
}
// Placeholder
.placeholder(@control-color);
// Disabled and read-only inputs
&[disabled],
&[readonly],
fieldset[disabled] & {
opacity: 0.5;
}
&[disabled],
fieldset[disabled] & {
cursor: disallowed;
}
textarea& {
height: auto;
}
@media @phone {
font-size: 16px; // minimum font-size required to prevent page zoom on focus in iOS 10
}
}
.helpText {
font-size: 12px;
line-height: 1.5em;
margin-bottom: 10px;
color: @muted-color;
}