diff options
author | Mark Otto <markdotto@gmail.com> | 2017-11-27 00:40:49 +0300 |
---|---|---|
committer | Mark Otto <markdotto@gmail.com> | 2017-11-27 00:40:49 +0300 |
commit | ccd7742397240b6e101824ee21e2e11295b4b248 (patch) | |
tree | a4d726aef50021a9725e7eb1979cf397ba455d63 /docs | |
parent | 3c2f8bafac56592f83362b2005a8ac44d9c8b23b (diff) |
stylelint the examples
Diffstat (limited to 'docs')
-rw-r--r-- | docs/examples/blog/blog.css | 12 | ||||
-rw-r--r-- | docs/examples/carousel/carousel.css | 15 | ||||
-rw-r--r-- | docs/examples/cover/cover.css | 22 | ||||
-rw-r--r-- | docs/examples/grid/grid.css | 4 | ||||
-rw-r--r-- | docs/examples/jumbotron-narrow/jumbotron-narrow.css | 5 | ||||
-rw-r--r-- | docs/examples/justified-nav/justified-nav.css | 14 | ||||
-rw-r--r-- | docs/examples/non-responsive/non-responsive.css | 14 | ||||
-rw-r--r-- | docs/examples/offcanvas/offcanvas.css | 12 | ||||
-rw-r--r-- | docs/examples/signin/signin.css | 10 | ||||
-rw-r--r-- | docs/examples/sticky-footer-navbar/sticky-footer-navbar.css | 10 | ||||
-rw-r--r-- | docs/examples/sticky-footer/sticky-footer.css | 10 |
11 files changed, 61 insertions, 67 deletions
diff --git a/docs/examples/blog/blog.css b/docs/examples/blog/blog.css index f9106eb47c..e61ebb79b0 100644 --- a/docs/examples/blog/blog.css +++ b/docs/examples/blog/blog.css @@ -1,3 +1,5 @@ +/* stylelint-disable selector-list-comma-newline-after, property-no-vendor-prefix */ + /* * Globals */ @@ -15,7 +17,7 @@ h5, .h5, h6, .h6 { margin-top: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-weight: normal; + font-weight: 400; color: #333; } @@ -37,8 +39,8 @@ h6, .h6 { .blog-masthead { background-color: #428bca; - -webkit-box-shadow: inset 0 -2px 5px rgba(0,0,0,.1); - box-shadow: inset 0 -2px 5px rgba(0,0,0,.1); + -webkit-box-shadow: inset 0 -2px 5px rgba(0, 0, 0, .1); + box-shadow: inset 0 -2px 5px rgba(0, 0, 0, .1); } /* Nav links */ @@ -59,7 +61,7 @@ h6, .h6 { .blog-nav .active { color: #fff; } -.blog-nav .active:after { +.blog-nav .active::after { position: absolute; bottom: 0; left: 50%; @@ -86,7 +88,7 @@ h6, .h6 { margin-top: 30px; margin-bottom: 0; font-size: 60px; - font-weight: normal; + font-weight: 400; } .blog-description { font-size: 20px; diff --git a/docs/examples/carousel/carousel.css b/docs/examples/carousel/carousel.css index 8833f82ddd..8c61a68fd8 100644 --- a/docs/examples/carousel/carousel.css +++ b/docs/examples/carousel/carousel.css @@ -1,6 +1,6 @@ /* GLOBAL STYLES --------------------------------------------------- */ -/* Padding below the footer and lighter body text */ + * Padding below the footer and lighter body text +* -------------------------------------------------- */ body { padding-bottom: 40px; @@ -42,9 +42,8 @@ body { height: 500px; margin-bottom: 60px; } -/* Since positioning the image, we need to help out the caption */ .carousel-caption { - z-index: 10; + z-index: 10; /* Since positioning the image, we need to help out the caption */ } /* Declare heights because of positioning of img element */ @@ -70,7 +69,7 @@ body { text-align: center; } .marketing h2 { - font-weight: normal; + font-weight: 400; } .marketing .col-lg-4 p { margin-right: 10px; @@ -108,11 +107,7 @@ body { .navbar-wrapper .navbar { padding-right: 0; padding-left: 0; - } - - /* The navbar becomes detached from the top, so we round the corners */ - .navbar-wrapper .navbar { - border-radius: 4px; + border-radius: 4px; /* The navbar becomes detached from the top, so we round the corners */ } /* Bump up size of carousel content */ diff --git a/docs/examples/cover/cover.css b/docs/examples/cover/cover.css index a199657bd5..79fcaed2e5 100644 --- a/docs/examples/cover/cover.css +++ b/docs/examples/cover/cover.css @@ -1,3 +1,5 @@ +/* stylelint-disable property-no-vendor-prefix */ + /* * Globals */ @@ -32,7 +34,7 @@ body { body { color: #fff; text-align: center; - text-shadow: 0 1px 3px rgba(0,0,0,.5); + text-shadow: 0 1px 3px rgba(0, 0, 0, .5); } /* Extra markup and styles for table-esque vertical and horizontal centering */ @@ -41,8 +43,8 @@ body { width: 100%; height: 100%; /* For at least Firefox */ min-height: 100%; - -webkit-box-shadow: inset 0 0 100px rgba(0,0,0,.5); - box-shadow: inset 0 0 100px rgba(0,0,0,.5); + -webkit-box-shadow: inset 0 0 100px rgba(0, 0, 0, .5); + box-shadow: inset 0 0 100px rgba(0, 0, 0, .5); } .site-wrapper-inner { display: table-cell; @@ -77,16 +79,16 @@ body { padding-right: 0; padding-left: 0; font-size: 16px; - font-weight: bold; + font-weight: 700; color: #fff; /* IE8 proofing */ - color: rgba(255,255,255,.75); + color: rgba(255, 255, 255, .75); border-bottom: 2px solid transparent; } .masthead-nav > li > a:hover, .masthead-nav > li > a:focus { background-color: transparent; border-bottom-color: #a9a9a9; - border-bottom-color: rgba(255,255,255,.25); + border-bottom-color: rgba(255, 255, 255, .25); } .masthead-nav > .active > a, .masthead-nav > .active > a:hover, @@ -114,7 +116,7 @@ body { } .cover .btn-lg { padding: 10px 20px; - font-weight: bold; + font-weight: 700; } @@ -124,7 +126,7 @@ body { .mastfoot { color: #999; /* IE8 proofing */ - color: rgba(255,255,255,.5); + color: rgba(255, 255, 255, .5); } @@ -142,11 +144,9 @@ body { position: fixed; bottom: 0; } - /* Start the vertical centering */ .site-wrapper-inner { - vertical-align: middle; + vertical-align: middle; /* Start the vertical centering */ } - /* Handle the widths */ .masthead, .mastfoot, .cover-container { diff --git a/docs/examples/grid/grid.css b/docs/examples/grid/grid.css index b25263bc79..5df5ac86ef 100644 --- a/docs/examples/grid/grid.css +++ b/docs/examples/grid/grid.css @@ -12,9 +12,9 @@ h4 { padding-top: 15px; padding-bottom: 15px; background-color: #eee; - background-color: rgba(86,61,124,.15); + background-color: rgba(86, 61, 124, .15); border: 1px solid #ddd; - border: 1px solid rgba(86,61,124,.2); + border: 1px solid rgba(86, 61, 124, .2); } hr { diff --git a/docs/examples/jumbotron-narrow/jumbotron-narrow.css b/docs/examples/jumbotron-narrow/jumbotron-narrow.css index 952adc5a01..dcc815969a 100644 --- a/docs/examples/jumbotron-narrow/jumbotron-narrow.css +++ b/docs/examples/jumbotron-narrow/jumbotron-narrow.css @@ -17,11 +17,10 @@ body { padding-bottom: 20px; border-bottom: 1px solid #e5e5e5; } -/* Make the masthead heading the same height as the navigation */ .header h3 { margin-top: 0; margin-bottom: 0; - line-height: 40px; + line-height: 40px; /* Make the masthead heading the same height as the navigation */ } /* Custom page footer */ @@ -68,11 +67,9 @@ body { padding-right: 0; padding-left: 0; } - /* Space out the masthead */ .header { margin-bottom: 30px; } - /* Remove the bottom border on the jumbotron for visual effect */ .jumbotron { border-bottom: 0; } diff --git a/docs/examples/justified-nav/justified-nav.css b/docs/examples/justified-nav/justified-nav.css index 7ba9cd75ea..8e03ffb8cc 100644 --- a/docs/examples/justified-nav/justified-nav.css +++ b/docs/examples/justified-nav/justified-nav.css @@ -1,3 +1,5 @@ +/* stylelint-disable value-no-vendor-prefix, function-name-case, property-no-vendor-prefix */ + body { padding-top: 20px; } @@ -30,16 +32,16 @@ body { padding-top: 15px; padding-bottom: 15px; margin-bottom: 0; - font-weight: bold; + font-weight: 700; color: #777; text-align: center; background-color: #e5e5e5; /* Old browsers */ background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e5e5e5)); background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%); - background-image: -o-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%); - background-image: linear-gradient(to bottom, #f5f5f5 0%,#e5e5e5 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */ + background-image: -o-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%); + background-image: linear-gradient(to bottom, #f5f5f5 0%, #e5e5e5 100%); background-repeat: repeat-x; /* Repeat the gradient */ + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f5f5", endColorstr="#e5e5e5", GradientType=0); /* IE6-9 */ border-bottom: 1px solid #d5d5d5; } .nav-justified > .active > a, @@ -47,8 +49,8 @@ body { .nav-justified > .active > a:focus { background-color: #ddd; background-image: none; - -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.15); - box-shadow: inset 0 3px 7px rgba(0,0,0,.15); + -webkit-box-shadow: inset 0 3px 7px rgba(0, 0, 0, .15); + box-shadow: inset 0 3px 7px rgba(0, 0, 0, .15); } .nav-justified > li:first-child > a { border-radius: 5px 5px 0 0; diff --git a/docs/examples/non-responsive/non-responsive.css b/docs/examples/non-responsive/non-responsive.css index 0a8e92d963..8faa636135 100644 --- a/docs/examples/non-responsive/non-responsive.css +++ b/docs/examples/non-responsive/non-responsive.css @@ -1,3 +1,5 @@ +/* stylelint-disable selector-max-class, selector-max-combinators, selector-max-compound-selectors, declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix */ + /* Template-specific stuff * * Customizations just for the template; these are not necessary for anything @@ -47,9 +49,9 @@ body, padding-top: 15px; padding-bottom: 15px; background-color: #eee; - background-color: rgba(86,61,124,.15); + background-color: rgba(86, 61, 124, .15); border: 1px solid #ddd; - border: 1px solid rgba(86,61,124,.2); + border: 1px solid rgba(86, 61, 124, .2); } .container .navbar-header, @@ -70,14 +72,12 @@ body, padding-bottom: 0; overflow: visible !important; visibility: visible !important; + border-top: 0; } .navbar-toggle { display: none; } -.navbar-collapse { - border-top: 0; -} .navbar-brand { margin-left: -15px; @@ -110,7 +110,7 @@ body, border-width: 0 1px 1px; border-radius: 0 0 4px 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); - box-shadow: 0 6px 12px rgba(0, 0, 0, .175); + box-shadow: 0 6px 12px rgba(0, 0, 0, .175); } .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #333; @@ -140,7 +140,7 @@ body, margin-left: 0; border: 0; -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } /* Copy-pasted from forms.less since we mixin the .form-inline styles. */ diff --git a/docs/examples/offcanvas/offcanvas.css b/docs/examples/offcanvas/offcanvas.css index 2a72199d59..157669ab86 100644 --- a/docs/examples/offcanvas/offcanvas.css +++ b/docs/examples/offcanvas/offcanvas.css @@ -1,3 +1,5 @@ +/* stylelint-disable property-no-vendor-prefix */ + /* * Style tweaks * -------------------------------------------------- @@ -21,8 +23,8 @@ footer { .row-offcanvas { position: relative; -webkit-transition: all .25s ease-out; - -o-transition: all .25s ease-out; - transition: all .25s ease-out; + -o-transition: all .25s ease-out; + transition: all .25s ease-out; } .row-offcanvas-right { @@ -33,13 +35,11 @@ footer { left: 0; } - .row-offcanvas-right - .sidebar-offcanvas { + .row-offcanvas-right .sidebar-offcanvas { right: -50%; /* 6 columns */ } - .row-offcanvas-left - .sidebar-offcanvas { + .row-offcanvas-left .sidebar-offcanvas { left: -50%; /* 6 columns */ } diff --git a/docs/examples/signin/signin.css b/docs/examples/signin/signin.css index 995df48e99..164de43ceb 100644 --- a/docs/examples/signin/signin.css +++ b/docs/examples/signin/signin.css @@ -1,3 +1,5 @@ +/* stylelint-disable selector-no-qualifying-type, property-no-vendor-prefix */ + body { padding-top: 40px; padding-bottom: 40px; @@ -14,14 +16,14 @@ body { margin-bottom: 10px; } .form-signin .checkbox { - font-weight: normal; + font-weight: 400; } .form-signin .form-control { position: relative; - height: auto; -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + height: auto; padding: 10px; font-size: 16px; } diff --git a/docs/examples/sticky-footer-navbar/sticky-footer-navbar.css b/docs/examples/sticky-footer-navbar/sticky-footer-navbar.css index ee80380630..8301751475 100644 --- a/docs/examples/sticky-footer-navbar/sticky-footer-navbar.css +++ b/docs/examples/sticky-footer-navbar/sticky-footer-navbar.css @@ -5,22 +5,20 @@ html { min-height: 100%; } body { - /* Margin bottom by footer height */ - margin-bottom: 60px; + margin-bottom: 60px; /* Margin bottom by footer height */ } .footer { position: absolute; bottom: 0; width: 100%; - /* Set the fixed height of the footer here */ - height: 60px; + height: 60px; /* Set the fixed height of the footer here */ background-color: #f5f5f5; } /* Custom page CSS --------------------------------------------------- */ -/* Not required for template or sticky footer method. */ + * Not required for template or sticky footer method. + * -------------------------------------------------- */ body > .container { padding: 60px 15px 0; diff --git a/docs/examples/sticky-footer/sticky-footer.css b/docs/examples/sticky-footer/sticky-footer.css index b6699e80ed..4330145418 100644 --- a/docs/examples/sticky-footer/sticky-footer.css +++ b/docs/examples/sticky-footer/sticky-footer.css @@ -5,22 +5,20 @@ html { min-height: 100%; } body { - /* Margin bottom by footer height */ - margin-bottom: 60px; + margin-bottom: 60px; /* Margin bottom by footer height */ } .footer { position: absolute; bottom: 0; width: 100%; - /* Set the fixed height of the footer here */ - height: 60px; + height: 60px; /* Set the fixed height of the footer here */ background-color: #f5f5f5; } /* Custom page CSS --------------------------------------------------- */ -/* Not required for template or sticky footer method. */ + * Not required for template or sticky footer method. + * -------------------------------------------------- */ .container { width: auto; |