From 4f4592c22501a220d2d6c2e5daab80395f93dce7 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 2 Jul 2017 15:09:46 -0700 Subject: Reorganize v3 docs CSS to use Less --- docs/assets/less/customizer.less | 108 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 108 insertions(+) create mode 100644 docs/assets/less/customizer.less (limited to 'docs/assets/less/customizer.less') diff --git a/docs/assets/less/customizer.less b/docs/assets/less/customizer.less new file mode 100644 index 0000000000..6046a0c07b --- /dev/null +++ b/docs/assets/less/customizer.less @@ -0,0 +1,108 @@ +.bs-customizer .toggle { + float: right; + margin-top: 25px; +} + +/* Headings and form contrls */ +.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 { + margin-top: 0; /* lame, but due to specificity we have to duplicate */ + 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; +} + +/* For the variables, use regular weight */ +#less-section label { + font-weight: normal; +} + +/* Downloads */ +.bs-customize-download .btn-outline { + padding: 20px; +} + +/* Error handling */ +.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; + -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.25); + box-shadow: inset 0 1px 0 rgba(255,255,255,.25); +} +.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; + -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); +} + +.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; + font-weight: normal; + color: #333; +} +/*.bs-dropzone*/ #import-manual-trigger { + cursor: pointer; +} +.bs-dropzone p:last-child { + margin-bottom: 0; +} -- cgit v1.2.3 From c8bad01c2017d21c5b501b7a12f90432a7b8c958 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 2 Jul 2017 15:16:37 -0700 Subject: less syntax --- docs/assets/less/customizer.less | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) (limited to 'docs/assets/less/customizer.less') diff --git a/docs/assets/less/customizer.less b/docs/assets/less/customizer.less index 6046a0c07b..c36fbc15f0 100644 --- a/docs/assets/less/customizer.less +++ b/docs/assets/less/customizer.less @@ -3,7 +3,7 @@ margin-top: 25px; } -/* Headings and form contrls */ +// Headings and form contrls .bs-customizer label { margin-top: 10px; font-weight: 500; @@ -22,7 +22,7 @@ margin-bottom: 0; } .bs-customizer .bs-callout h4 { - margin-top: 0; /* lame, but due to specificity we have to duplicate */ + margin-top: 0; // lame, but due to specificity we have to duplicate margin-bottom: 5px; } .bs-customizer input[type="text"] { @@ -34,17 +34,17 @@ font-size: 12px; } -/* For the variables, use regular weight */ +// For the variables, use regular weight #less-section label { font-weight: normal; } -/* Downloads */ +// Downloads .bs-customize-download .btn-outline { padding: 20px; } -/* Error handling */ +// Error handling .bs-customizer-alert { position: fixed; top: 0; @@ -100,7 +100,7 @@ font-weight: normal; color: #333; } -/*.bs-dropzone*/ #import-manual-trigger { +#import-manual-trigger { cursor: pointer; } .bs-dropzone p:last-child { -- cgit v1.2.3 From 04d92a420a15311b5033215d843e853aae540f5d Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 25 Nov 2017 18:06:34 -0800 Subject: move from csslint to stylelint --- docs/assets/less/customizer.less | 14 ++++++++------ 1 file changed, 8 insertions(+), 6 deletions(-) (limited to 'docs/assets/less/customizer.less') diff --git a/docs/assets/less/customizer.less b/docs/assets/less/customizer.less index c36fbc15f0..a87fca971e 100644 --- a/docs/assets/less/customizer.less +++ b/docs/assets/less/customizer.less @@ -1,3 +1,5 @@ +/* stylelint-disable property-no-vendor-prefix, selector-max-id */ + .bs-customizer .toggle { float: right; margin-top: 25px; @@ -36,7 +38,7 @@ // For the variables, use regular weight #less-section label { - font-weight: normal; + font-weight: 400; } // Downloads @@ -55,8 +57,8 @@ color: #fff; background-color: #d9534f; border-bottom: 1px solid #b94441; - -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.25); - box-shadow: inset 0 1px 0 rgba(255,255,255,.25); + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25); } .bs-customizer-alert .close { margin-top: -4px; @@ -73,8 +75,8 @@ color: #fff; background-color: #a83c3a; border-color: #973634; - -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); + -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); } .bs-dropzone { @@ -97,7 +99,7 @@ } .bs-dropzone .lead { margin-bottom: 10px; - font-weight: normal; + font-weight: 400; color: #333; } #import-manual-trigger { -- cgit v1.2.3 From 77342b080eae51ab02d6f03c9e1bc4fd374a8c38 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 8 Apr 2018 18:08:03 -0700 Subject: update css with latest stylelint --- docs/assets/less/customizer.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/assets/less/customizer.less') diff --git a/docs/assets/less/customizer.less b/docs/assets/less/customizer.less index a87fca971e..47417ae3ce 100644 --- a/docs/assets/less/customizer.less +++ b/docs/assets/less/customizer.less @@ -1,4 +1,4 @@ -/* stylelint-disable property-no-vendor-prefix, selector-max-id */ +/* stylelint-disable property-no-vendor-prefix, selector-max-id, selector-no-qualifying-type */ .bs-customizer .toggle { float: right; -- cgit v1.2.3