0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-13 01:08:58 +01:00
Bootstrap/docs/assets/less/customizer.less

111 lines
2.2 KiB
Plaintext
Raw Normal View History

2018-04-09 03:08:03 +02:00
/* stylelint-disable property-no-vendor-prefix, selector-max-id, selector-no-qualifying-type */
2017-11-26 03:06:34 +01:00
2017-07-03 00:09:46 +02:00
.bs-customizer .toggle {
float: right;
margin-top: 25px;
}
2017-07-03 00:16:37 +02:00
// Headings and form contrls
2017-07-03 00:09:46 +02:00
.bs-customizer label {
margin-top: 10px;
font-weight: 500;
color: #555;
}
.bs-customizer h2 {
padding-top: 30px;
margin-top: 0;
margin-bottom: 5px;
}
.bs-customizer h3 {
margin-bottom: 0;
}
.bs-customizer h4 {
margin-top: 15px;
margin-bottom: 0;
}
.bs-customizer .bs-callout h4 {
2017-07-03 00:16:37 +02:00
margin-top: 0; // lame, but due to specificity we have to duplicate
2017-07-03 00:09:46 +02:00
margin-bottom: 5px;
}
.bs-customizer input[type="text"] {
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
background-color: #fafafa;
}
.bs-customizer .help-block {
margin-bottom: 5px;
font-size: 12px;
}
2017-07-03 00:16:37 +02:00
// For the variables, use regular weight
2017-07-03 00:09:46 +02:00
#less-section label {
2017-11-26 03:06:34 +01:00
font-weight: 400;
2017-07-03 00:09:46 +02:00
}
2017-07-03 00:16:37 +02:00
// Downloads
2017-07-03 00:09:46 +02:00
.bs-customize-download .btn-outline {
padding: 20px;
}
2017-07-03 00:16:37 +02:00
// Error handling
2017-07-03 00:09:46 +02:00
.bs-customizer-alert {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030;
padding: 15px 0;
color: #fff;
background-color: #d9534f;
border-bottom: 1px solid #b94441;
2017-11-26 03:06:34 +01:00
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25);
2017-07-03 00:09:46 +02:00
}
.bs-customizer-alert .close {
margin-top: -4px;
font-size: 24px;
}
.bs-customizer-alert p {
margin-bottom: 0;
}
.bs-customizer-alert .glyphicon {
margin-right: 5px;
}
.bs-customizer-alert pre {
margin: 10px 0 0;
color: #fff;
background-color: #a83c3a;
border-color: #973634;
2017-11-26 03:06:34 +01:00
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
2017-07-03 00:09:46 +02:00
}
.bs-dropzone {
position: relative;
padding: 20px;
margin-bottom: 20px;
color: #777;
text-align: center;
border: 2px dashed #eee;
border-radius: 4px;
}
.bs-dropzone .import-header {
margin-bottom: 5px;
}
.bs-dropzone .glyphicon-download-alt {
font-size: 40px;
}
.bs-dropzone hr {
width: 100px;
}
.bs-dropzone .lead {
margin-bottom: 10px;
2017-11-26 03:06:34 +01:00
font-weight: 400;
2017-07-03 00:09:46 +02:00
color: #333;
}
2017-07-03 00:16:37 +02:00
#import-manual-trigger {
2017-07-03 00:09:46 +02:00
cursor: pointer;
}
.bs-dropzone p:last-child {
margin-bottom: 0;
}