ddea8b597f
- Move Bootstrap LESS files into new subdirectory - Change app.css to app.less, add @import's to utilize Bootstrap variables and mixins - Remove plugins.js and main.js - Move Bootstrap JS plugins into new subdirectory - Add new _main.js file with example DOM-based routing script that works off the WordPress body_class - lib/scripts.php has been updated to remove all extra CSS and JS files and also places JavaScript in the footer
73 lines
1.7 KiB
Plaintext
Executable File
73 lines
1.7 KiB
Plaintext
Executable File
//
|
|
// Labels and badges
|
|
// --------------------------------------------------
|
|
|
|
|
|
// Base classes
|
|
.label,
|
|
.badge {
|
|
font-size: @baseFontSize * .846;
|
|
font-weight: bold;
|
|
line-height: 14px; // ensure proper line-height if floated
|
|
color: @white;
|
|
vertical-align: baseline;
|
|
white-space: nowrap;
|
|
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
|
|
background-color: @grayLight;
|
|
}
|
|
// Set unique padding and border-radii
|
|
.label {
|
|
padding: 1px 4px 2px;
|
|
.border-radius(3px);
|
|
}
|
|
.badge {
|
|
padding: 1px 9px 2px;
|
|
.border-radius(9px);
|
|
}
|
|
|
|
// Hover state, but only for links
|
|
a {
|
|
&.label:hover,
|
|
&.badge:hover {
|
|
color: @white;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
|
|
// Colors
|
|
// Only give background-color difference to links (and to simplify, we don't qualifty with `a` but [href] attribute)
|
|
.label,
|
|
.badge {
|
|
// Important (red)
|
|
&-important { background-color: @errorText; }
|
|
&-important[href] { background-color: darken(@errorText, 10%); }
|
|
// Warnings (orange)
|
|
&-warning { background-color: @orange; }
|
|
&-warning[href] { background-color: darken(@orange, 10%); }
|
|
// Success (green)
|
|
&-success { background-color: @successText; }
|
|
&-success[href] { background-color: darken(@successText, 10%); }
|
|
// Info (turquoise)
|
|
&-info { background-color: @infoText; }
|
|
&-info[href] { background-color: darken(@infoText, 10%); }
|
|
// Inverse (black)
|
|
&-inverse { background-color: @grayDark; }
|
|
&-inverse[href] { background-color: darken(@grayDark, 10%); }
|
|
}
|
|
|
|
// Quick fix for labels/badges in buttons
|
|
.btn {
|
|
.label,
|
|
.badge {
|
|
position: relative;
|
|
top: -1px;
|
|
}
|
|
}
|
|
.btn-mini {
|
|
.label,
|
|
.badge {
|
|
top: 0;
|
|
}
|
|
}
|