0
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-22 19:54:22 +01:00

more syntax changes

This commit is contained in:
Mark Otto 2017-07-02 15:28:51 -07:00
parent 5706cfe42a
commit 1e91bc2119
12 changed files with 95 additions and 117 deletions

View File

@ -42,12 +42,12 @@
margin-bottom: 15px; margin-bottom: 15px;
} }
@media (min-width: 480px) { @media (min-width: @screen-xs-min) {
.bs-docs-featurette .img-responsive { .bs-docs-featurette .img-responsive {
margin-top: 30px; margin-top: 30px;
} }
} }
@media (min-width: 768px) { @media (min-width: @screen-sm-min) {
.bs-docs-featurette { .bs-docs-featurette {
padding-top: 100px; padding-top: 100px;
padding-bottom: 100px; padding-bottom: 100px;

View File

@ -20,7 +20,7 @@
margin-left: 15px; margin-left: 15px;
} }
@media (min-width: 768px) { @media (min-width: @screen-sm-min) {
.bs-docs-footer { .bs-docs-footer {
text-align: left; text-align: left;
} }

View File

@ -25,7 +25,7 @@
.bs-glyphicons .glyphicon-class { .bs-glyphicons .glyphicon-class {
display: block; display: block;
text-align: center; text-align: center;
word-wrap: break-word; /* Help out IE10+ with class names */ word-wrap: break-word; // Help out IE10+ with class names
} }
.bs-glyphicons li:hover { .bs-glyphicons li:hover {
color: #fff; color: #fff;

View File

@ -4,10 +4,9 @@
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/ */
/* // See the Getting Started docs for more information:
* See the Getting Started docs for more information: // http://getbootstrap.com/getting-started/#support-ie10-width
* http://getbootstrap.com/getting-started/#support-ie10-width
*/
@-ms-viewport { width: device-width; } @-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; } @-o-viewport { width: device-width; }
@viewport { width: device-width; } @viewport { width: device-width; }

View File

@ -1,10 +1,3 @@
/*
* Homepage
*
* Tweaks to the custom homepage and the masthead (main jumbotron).
*/
/* Share masthead with page headers */
.bs-docs-masthead, .bs-docs-masthead,
.bs-docs-header { .bs-docs-header {
position: relative; position: relative;
@ -21,7 +14,7 @@
background-repeat: repeat-x; background-repeat: repeat-x;
} }
/* Masthead (headings and download button) */ // Masthead (headings and download button)
.bs-docs-masthead .bs-docs-booticon { .bs-docs-masthead .bs-docs-booticon {
margin: 0 auto 30px; margin: 0 auto 30px;
} }
@ -46,13 +39,13 @@
font-size: 20px; font-size: 20px;
} }
@media (min-width: 480px) { @media (min-width: @screen-xs-min) {
.bs-docs-masthead .btn { .bs-docs-masthead .btn {
width: auto; width: auto;
} }
} }
@media (min-width: 768px) { @media (min-width: @screen-sm-min) {
.bs-docs-masthead { .bs-docs-masthead {
padding: 80px 0; padding: 80px 0;
} }
@ -64,7 +57,7 @@
} }
} }
@media (min-width: 992px) { @media (min-width: @screen-md-min) {
.bs-docs-masthead .lead { .bs-docs-masthead .lead {
width: 80%; width: 80%;
font-size: 30px; font-size: 30px;

View File

@ -15,7 +15,7 @@
position: relative; position: relative;
} }
@media (min-width: 768px) { @media (min-width: @screen-sm-min) {
.bs-docs-header { .bs-docs-header {
padding-top: 60px; padding-top: 60px;
padding-bottom: 60px; padding-bottom: 60px;
@ -28,7 +28,7 @@
} }
} }
@media (min-width: 992px) { @media (min-width: @screen-md-min) {
.bs-docs-header h1, .bs-docs-header h1,
.bs-docs-header p { .bs-docs-header p {
margin-right: 380px; margin-right: 380px;

View File

@ -1,15 +1,9 @@
/* // Responsive (scrollable) doc tables
* Responsive tests
*
* Generate a set of tests to show the responsive utilities in action.
*/
/* Responsive (scrollable) doc tables */
.table-responsive .highlight pre { .table-responsive .highlight pre {
white-space: normal; white-space: normal;
} }
/* Utility classes table */ // Utility classes table
.bs-table th small, .bs-table th small,
.responsive-utilities th small { .responsive-utilities th small {
display: block; display: block;
@ -31,7 +25,7 @@
background-color: #f9f9f9 !important; background-color: #f9f9f9 !important;
} }
/* Responsive tests */ // Responsive tests
.responsive-utilities-test { .responsive-utilities-test {
margin-top: 5px; margin-top: 5px;
} }

View File

@ -1,20 +1,20 @@
/* By default it's not affixed in mobile views, so undo that */ // By default it's not affixed in mobile views, so undo that
.bs-docs-sidebar.affix { .bs-docs-sidebar.affix {
position: static; position: static;
} }
@media (min-width: 768px) { @media (min-width: @screen-sm-min) {
.bs-docs-sidebar { .bs-docs-sidebar {
padding-left: 20px; padding-left: 20px;
} }
} }
/* First level of nav */ // First level of nav
.bs-docs-sidenav { .bs-docs-sidenav {
margin-top: 20px; margin-top: 20px;
margin-bottom: 20px; margin-bottom: 20px;
} }
/* All levels of nav */ // All levels of nav
.bs-docs-sidebar .nav > li > a { .bs-docs-sidebar .nav > li > a {
display: block; display: block;
padding: 4px 20px; padding: 4px 20px;
@ -40,9 +40,9 @@
border-left: 2px solid #563d7c; border-left: 2px solid #563d7c;
} }
/* Nav: second level (shown on .active) */ // Nav: second level (shown on .active)
.bs-docs-sidebar .nav .nav { .bs-docs-sidebar .nav .nav {
display: none; /* Hide by default, but at >768px, show it */ display: none; // Hide by default, but at >768px, show it
padding-bottom: 10px; padding-bottom: 10px;
} }
.bs-docs-sidebar .nav .nav > li > a { .bs-docs-sidebar .nav .nav > li > a {
@ -63,7 +63,7 @@
font-weight: 500; font-weight: 500;
} }
/* Back to top (hidden on mobile) */ // Back to top (hidden on mobile)
.back-to-top, .back-to-top,
.bs-docs-theme-toggle { .bs-docs-theme-toggle {
display: none; display: none;
@ -83,29 +83,29 @@
margin-top: 0; margin-top: 0;
} }
@media (min-width: 768px) { @media (min-width: @screen-sm-min) {
.back-to-top, .back-to-top,
.bs-docs-theme-toggle { .bs-docs-theme-toggle {
display: block; display: block;
} }
} }
/* Show and affix the side nav when space allows it */ // Show and affix the side nav when space allows it
@media (min-width: 992px) { @media (min-width: @screen-md-min) {
.bs-docs-sidebar .nav > .active > ul { .bs-docs-sidebar .nav > .active > ul {
display: block; display: block;
} }
/* Widen the fixed sidebar */ // Widen the fixed sidebar
.bs-docs-sidebar.affix, .bs-docs-sidebar.affix,
.bs-docs-sidebar.affix-bottom { .bs-docs-sidebar.affix-bottom {
width: 213px; width: 213px;
} }
.bs-docs-sidebar.affix { .bs-docs-sidebar.affix {
position: fixed; /* Undo the static from mobile first approach */ position: fixed; // Undo the static from mobile first approach
top: 20px; top: 20px;
} }
.bs-docs-sidebar.affix-bottom { .bs-docs-sidebar.affix-bottom {
position: absolute; /* Undo the static from mobile first approach */ position: absolute; // Undo the static from mobile first approach
} }
.bs-docs-sidebar.affix-bottom .bs-docs-sidenav, .bs-docs-sidebar.affix-bottom .bs-docs-sidenav,
.bs-docs-sidebar.affix .bs-docs-sidenav { .bs-docs-sidebar.affix .bs-docs-sidenav {
@ -113,8 +113,8 @@
margin-bottom: 0; margin-bottom: 0;
} }
} }
@media (min-width: 1200px) { @media (min-width: @screen-lg-min) {
/* Widen the fixed sidebar again */ // Widen the fixed sidebar again
.bs-docs-sidebar.affix-bottom, .bs-docs-sidebar.affix-bottom,
.bs-docs-sidebar.affix { .bs-docs-sidebar.affix {
width: 263px; width: 263px;

View File

@ -1,10 +1,3 @@
/*
* Fancy skip link
*
* Make it look a bit less "bare bones"
* Also includes focus suppression for the Chrome tabindex="-1" workaround
*/
#skippy { #skippy {
display: block; display: block;
padding: 1em; padding: 1em;

View File

@ -17,7 +17,7 @@
} }
} }
/* Framework colors */ // Framework colors
.color-swatches .gray-darker { .color-swatches .gray-darker {
background-color: #222; background-color: #222;
} }
@ -49,7 +49,7 @@
background-color: #5bc0de; background-color: #5bc0de;
} }
/* Docs colors */ // Docs colors
.color-swatches .bs-purple { .color-swatches .bs-purple {
background-color: #563d7c; background-color: #563d7c;
} }

View File

@ -1,65 +1,64 @@
.hll { background-color: #ffffcc } .hll { background-color: #ffffcc }
/*{ background: #f0f3f3; }*/ .c { color: #999; }
.c { color: #999; } /* Comment */ .err { color: #AA0000; background-color: #FFAAAA }
.err { color: #AA0000; background-color: #FFAAAA } /* Error */ .k { color: #006699; }
.k { color: #006699; } /* Keyword */ .o { color: #555555 }
.o { color: #555555 } /* Operator */ .cm { color: #999; }
.cm { color: #999; } /* Comment.Multiline */ /* Edited to remove italics and make into comment */ .cp { color: #009999 }
.cp { color: #009999 } /* Comment.Preproc */ .c1 { color: #999; }
.c1 { color: #999; } /* Comment.Single */ .cs { color: #999; }
.cs { color: #999; } /* Comment.Special */ .gd { background-color: #FFCCCC; border: 1px solid #CC0000 }
.gd { background-color: #FFCCCC; border: 1px solid #CC0000 } /* Generic.Deleted */ .ge { font-style: italic }
.ge { font-style: italic } /* Generic.Emph */ .gr { color: #FF0000 }
.gr { color: #FF0000 } /* Generic.Error */ .gh { color: #003300; }
.gh { color: #003300; } /* Generic.Heading */ .gi { background-color: #CCFFCC; border: 1px solid #00CC00 }
.gi { background-color: #CCFFCC; border: 1px solid #00CC00 } /* Generic.Inserted */ .go { color: #AAAAAA }
.go { color: #AAAAAA } /* Generic.Output */ .gp { color: #000099; }
.gp { color: #000099; } /* Generic.Prompt */ .gs { }
.gs { } /* Generic.Strong */ .gu { color: #003300; }
.gu { color: #003300; } /* Generic.Subheading */ .gt { color: #99CC66 }
.gt { color: #99CC66 } /* Generic.Traceback */ .kc { color: #006699; }
.kc { color: #006699; } /* Keyword.Constant */ .kd { color: #006699; }
.kd { color: #006699; } /* Keyword.Declaration */ .kn { color: #006699; }
.kn { color: #006699; } /* Keyword.Namespace */ .kp { color: #006699 }
.kp { color: #006699 } /* Keyword.Pseudo */ .kr { color: #006699; }
.kr { color: #006699; } /* Keyword.Reserved */ .kt { color: #007788; }
.kt { color: #007788; } /* Keyword.Type */ .m { color: #FF6600 }
.m { color: #FF6600 } /* Literal.Number */ .s { color: #d44950 }
.s { color: #d44950 } /* Literal.String */ .na { color: #4f9fcf }
.na { color: #4f9fcf } /* Name.Attribute */ .nb { color: #336666 }
.nb { color: #336666 } /* Name.Builtin */ .nc { color: #00AA88; }
.nc { color: #00AA88; } /* Name.Class */ .no { color: #336600 }
.no { color: #336600 } /* Name.Constant */ .nd { color: #9999FF }
.nd { color: #9999FF } /* Name.Decorator */ .ni { color: #999999; }
.ni { color: #999999; } /* Name.Entity */ .ne { color: #CC0000; }
.ne { color: #CC0000; } /* Name.Exception */ .nf { color: #CC00FF }
.nf { color: #CC00FF } /* Name.Function */ .nl { color: #9999FF }
.nl { color: #9999FF } /* Name.Label */ .nn { color: #00CCFF; }
.nn { color: #00CCFF; } /* Name.Namespace */ .nt { color: #2f6f9f; }
.nt { color: #2f6f9f; } /* Name.Tag */ .nv { color: #003333 }
.nv { color: #003333 } /* Name.Variable */ .ow { color: #000000; }
.ow { color: #000000; } /* Operator.Word */ .w { color: #bbbbbb }
.w { color: #bbbbbb } /* Text.Whitespace */ .mf { color: #FF6600 }
.mf { color: #FF6600 } /* Literal.Number.Float */ .mh { color: #FF6600 }
.mh { color: #FF6600 } /* Literal.Number.Hex */ .mi { color: #FF6600 }
.mi { color: #FF6600 } /* Literal.Number.Integer */ .mo { color: #FF6600 }
.mo { color: #FF6600 } /* Literal.Number.Oct */ .sb { color: #CC3300 }
.sb { color: #CC3300 } /* Literal.String.Backtick */ .sc { color: #CC3300 }
.sc { color: #CC3300 } /* Literal.String.Char */ .sd { color: #CC3300; font-style: italic }
.sd { color: #CC3300; font-style: italic } /* Literal.String.Doc */ .s2 { color: #CC3300 }
.s2 { color: #CC3300 } /* Literal.String.Double */ .se { color: #CC3300; }
.se { color: #CC3300; } /* Literal.String.Escape */ .sh { color: #CC3300 }
.sh { color: #CC3300 } /* Literal.String.Heredoc */ .si { color: #AA0000 }
.si { color: #AA0000 } /* Literal.String.Interpol */ .sx { color: #CC3300 }
.sx { color: #CC3300 } /* Literal.String.Other */ .sr { color: #33AAAA }
.sr { color: #33AAAA } /* Literal.String.Regex */ .s1 { color: #CC3300 }
.s1 { color: #CC3300 } /* Literal.String.Single */ .ss { color: #FFCC33 }
.ss { color: #FFCC33 } /* Literal.String.Symbol */ .bp { color: #336666 }
.bp { color: #336666 } /* Name.Builtin.Pseudo */ .vc { color: #003333 }
.vc { color: #003333 } /* Name.Variable.Class */ .vg { color: #003333 }
.vg { color: #003333 } /* Name.Variable.Global */ .vi { color: #003333 }
.vi { color: #003333 } /* Name.Variable.Instance */ .il { color: #FF6600 }
.il { color: #FF6600 } /* Literal.Number.Integer.Long */
.css .o, .css .o,
.css .o + .nt, .css .o + .nt,
@ -88,7 +87,7 @@
} }
.highlight pre code { .highlight pre code {
font-size: inherit; font-size: inherit;
color: #333; /* Effectively the base text color */ color: #333; // Effectively the base text color
} }
.highlight pre code:first-child { .highlight pre code:first-child {
display: inline-block; display: inline-block;

View File

@ -22,7 +22,7 @@
border-color: #563d7c; border-color: #563d7c;
} }
@media (min-width: 768px) { @media (min-width: @screen-sm-min) {
.zero-clipboard { .zero-clipboard {
display: block; display: block;
} }