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:
djmaze 2021-02-18 21:06:19 +01:00
parent 6dacfb3cf4
commit b6d8fa5b3f
74 changed files with 455 additions and 1014 deletions

View file

@ -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;
}
}