mirror of
https://github.com/the-djmaze/snappymail.git
synced 2026-09-01 21:49:21 +03:00
Split admin css from app.css
Cleanup normalize and bootstrap css Removed almost all css float Removed CKEditor from app.css
This commit is contained in:
parent
6dacfb3cf4
commit
b6d8fa5b3f
74 changed files with 455 additions and 1014 deletions
91
vendors/bootstrap/less/forms.less
vendored
91
vendors/bootstrap/less/forms.less
vendored
|
|
@ -36,29 +36,28 @@ legend {
|
|||
}
|
||||
}
|
||||
|
||||
// Set font for forms
|
||||
label,
|
||||
input,
|
||||
button,
|
||||
select,
|
||||
textarea {
|
||||
font-size: @baseFontSize;
|
||||
font-weight: normal;
|
||||
line-height: @baseLineHeight;
|
||||
}
|
||||
input,
|
||||
button,
|
||||
select,
|
||||
textarea {
|
||||
font-family: @baseFontFamily; // And only set font-family here for those that need it (note the missing label element)
|
||||
}
|
||||
|
||||
// Identify controls by their labels
|
||||
label {
|
||||
display: block;
|
||||
font-size: @baseFontSize;
|
||||
font-weight: normal;
|
||||
line-height: @baseLineHeight;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
// Set font for forms
|
||||
button,
|
||||
input,
|
||||
optgroup,
|
||||
select,
|
||||
textarea {
|
||||
font-family: inherit;
|
||||
font-size: @baseFontSize;
|
||||
line-height: @baseLineHeight;
|
||||
margin: 0;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
// Form controls
|
||||
// -------------------------
|
||||
|
||||
|
|
@ -66,12 +65,11 @@ label {
|
|||
select,
|
||||
textarea,
|
||||
input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]) {
|
||||
box-sizing: border-box;
|
||||
display: inline-block;
|
||||
height: @baseLineHeight;
|
||||
height: @baseLineHeight + 10;
|
||||
padding: 4px 6px;
|
||||
margin-bottom: 9px;
|
||||
font-size: @baseFontSize;
|
||||
line-height: @baseLineHeight;
|
||||
color: @gray;
|
||||
border-radius: @inputBorderRadius;
|
||||
}
|
||||
|
|
@ -118,13 +116,6 @@ input[type="checkbox"] {
|
|||
width: auto; // Override of generic input selector
|
||||
}
|
||||
|
||||
// Set the height of select and file controls to match text inputs
|
||||
select,
|
||||
input[type="file"] {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
// Make select elements obey height by applying a border
|
||||
select {
|
||||
width: 223px; // default input width + 10px of padding that doesn't get applied
|
||||
|
|
@ -169,7 +160,6 @@ textarea::placeholder {
|
|||
input[class*="span"],
|
||||
select[class*="span"],
|
||||
textarea[class*="span"] {
|
||||
float: none;
|
||||
margin-left: 0;
|
||||
}
|
||||
// Ensure input-prepend/append never wraps
|
||||
|
|
@ -179,14 +169,6 @@ textarea[class*="span"] {
|
|||
|
||||
|
||||
|
||||
// GRID SIZING FOR INPUTS
|
||||
// ----------------------
|
||||
|
||||
// Grid sizes
|
||||
#grid > .input(@gridColumnWidth, @gridGutterWidth);
|
||||
|
||||
|
||||
|
||||
// DISABLED STATE
|
||||
// --------------
|
||||
|
||||
|
|
@ -214,18 +196,10 @@ input[type="checkbox"][readonly] {
|
|||
// FORM FIELD FEEDBACK STATES
|
||||
// --------------------------
|
||||
|
||||
// Warning
|
||||
.control-group.warning {
|
||||
.formFieldState(@warningText, @warningText, @warningBackground);
|
||||
}
|
||||
// Error
|
||||
.control-group.error {
|
||||
.formFieldState(@errorText, @errorText, @errorBackground);
|
||||
}
|
||||
// Success
|
||||
.control-group.success {
|
||||
.formFieldState(@successText, @successText, @successBackground);
|
||||
}
|
||||
|
||||
// HTML5 invalid states
|
||||
// Shares styles with the .control-group.error above
|
||||
|
|
@ -242,15 +216,6 @@ select:focus:required:invalid {
|
|||
|
||||
|
||||
|
||||
// HELP TEXT
|
||||
// ---------
|
||||
|
||||
.help-block {
|
||||
color: lighten(@textColor, 15%); // lighten the text some for contrast
|
||||
display: block; // account for any element using help-block
|
||||
margin-bottom: @baseLineHeight / 2;
|
||||
}
|
||||
|
||||
// INPUT GROUPS
|
||||
// ------------
|
||||
|
||||
|
|
@ -266,7 +231,7 @@ select:focus:required:invalid {
|
|||
margin-bottom: 0; // prevent bottom margin from screwing up alignment in stacked forms
|
||||
font-size: @baseFontSize;
|
||||
vertical-align: top;
|
||||
border-radius: 0 @inputBorderRadius @inputBorderRadius 0;
|
||||
border-radius: @inputBorderRadius;
|
||||
// Make input on top when focused so blue border and shadow always show
|
||||
&:focus {
|
||||
z-index: 2;
|
||||
|
|
@ -296,12 +261,6 @@ select:focus:required:invalid {
|
|||
background-color: lighten(@green, 30);
|
||||
border-color: @green;
|
||||
}
|
||||
}
|
||||
.input-append {
|
||||
input,
|
||||
select {
|
||||
border-radius: @inputBorderRadius 0 0 @inputBorderRadius;
|
||||
}
|
||||
.add-on:last-child,
|
||||
.btn:last-child {
|
||||
border-radius: 0 @inputBorderRadius @inputBorderRadius 0;
|
||||
|
|
@ -359,11 +318,10 @@ legend + .control-group {
|
|||
// Increase spacing between groups
|
||||
.control-group {
|
||||
margin-bottom: @baseLineHeight;
|
||||
.clearfix();
|
||||
}
|
||||
// Float the labels left
|
||||
.control-label {
|
||||
float: left;
|
||||
display: inline-block;
|
||||
width: 140px;
|
||||
padding-top: 5px;
|
||||
text-align: right;
|
||||
|
|
@ -372,11 +330,8 @@ legend + .control-group {
|
|||
.controls {
|
||||
// Super jank IE7 fix to ensure the inputs in .input-append and input-prepend
|
||||
// don't inherit the margin of the parent, in this case .controls
|
||||
margin-left: 160px;
|
||||
}
|
||||
// Remove bottom margin on block level help text since that's accounted for on .control-group
|
||||
.help-block {
|
||||
margin-top: @baseLineHeight / 2;
|
||||
margin-bottom: 0;
|
||||
display: inline-block;
|
||||
margin-left: 20px;
|
||||
vertical-align: top;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue