mirror of
https://github.com/twbs/bootstrap.git
synced 2025-01-17 09:52:29 +01:00
stylelint the examples
This commit is contained in:
Mark Otto
parent
3c2f8bafac
commit
ccd7742397
@ -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;
|
||||
|
||||
@ -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 */
|
||||
|
||||
@ -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 {
|
||||
|
||||
@ -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 {
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -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. */
|
||||
|
||||
@ -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 */
|
||||
}
|
||||
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -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;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user