2
0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-20 20:00:36 +03:00

Go back to single colon pseudo elements.

This is for backwards compatibility with the browsers we support in v3.
This commit is contained in:
XhmikosR
2018-09-21 22:07:32 +03:00
parent bfc052ad5a
commit 37a2534c8e
13 changed files with 296 additions and 295 deletions
+2 -2
View File
@@ -23,7 +23,7 @@
} }
// Caret // Caret
&::before { &:before {
display: none !important; display: none !important;
} }
@@ -72,7 +72,7 @@
padding: 0 !important; padding: 0 !important;
// Vertical divider between column header and content // Vertical divider between column header and content
&::before { &:before {
display: none !important; display: none !important;
} }
} }
+2 -2
View File
@@ -33,7 +33,7 @@
box-shadow: inset 0 3px 6px rgba(0, 0, 0, .05); box-shadow: inset 0 3px 6px rgba(0, 0, 0, .05);
} }
// Echo out a label for the example // Echo out a label for the example
.bs-example::after { .bs-example:after {
position: absolute; position: absolute;
top: 15px; top: 15px;
left: 15px; left: 15px;
@@ -199,7 +199,7 @@
.bs-navbar-top-example { .bs-navbar-top-example {
padding-bottom: 45px; padding-bottom: 45px;
} }
.bs-navbar-top-example::after { .bs-navbar-top-example:after {
top: auto; top: auto;
bottom: 15px; bottom: 15px;
} }
+1 -1
View File
@@ -80,7 +80,7 @@ h1[id] {
/* Nullify ill-advised printing of hrefs; see #18711 */ /* Nullify ill-advised printing of hrefs; see #18711 */
@media print { @media print {
a[href]::after { a[href]:after {
content: "" !important; content: "" !important;
} }
} }
+1 -1
View File
@@ -61,7 +61,7 @@ h6, .h6 {
.blog-nav .active { .blog-nav .active {
color: #fff; color: #fff;
} }
.blog-nav .active::after { .blog-nav .active:after {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 50%; left: 50%;
+1
View File
@@ -247,6 +247,7 @@
"property-no-vendor-prefix": true, "property-no-vendor-prefix": true,
"rule-empty-line-before": null, "rule-empty-line-before": null,
"selector-attribute-quotes": "always", "selector-attribute-quotes": "always",
"selector-pseudo-element-colon-notation": "single",
"selector-list-comma-newline-after": "always", "selector-list-comma-newline-after": "always",
"selector-list-comma-newline-before": "never-multi-line", "selector-list-comma-newline-before": "never-multi-line",
"selector-list-comma-space-after": "always-single-line", "selector-list-comma-space-after": "always-single-line",
+1 -1
View File
@@ -13,7 +13,7 @@
> li { > li {
display: inline-block; display: inline-block;
+ li::before { + li:before {
padding: 0 5px; padding: 0 5px;
color: @breadcrumb-color; color: @breadcrumb-color;
content: "@{breadcrumb-separator}\00a0"; // Unicode space added since inline-block means non-collapsing white-space content: "@{breadcrumb-separator}\00a0"; // Unicode space added since inline-block means non-collapsing white-space
+2 -2
View File
@@ -156,12 +156,12 @@
} }
.icon-prev { .icon-prev {
&::before { &:before {
content: "\2039";// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039) content: "\2039";// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039)
} }
} }
.icon-next { .icon-next {
&::before { &:before {
content: "\203a";// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A) content: "\203a";// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A)
} }
} }
+264 -264
View File
@@ -34,274 +34,274 @@
} }
// Individual icons // Individual icons
.glyphicon-asterisk { &::before { content: "\002a"; } } .glyphicon-asterisk { &:before { content: "\002a"; } }
.glyphicon-plus { &::before { content: "\002b"; } } .glyphicon-plus { &:before { content: "\002b"; } }
.glyphicon-euro, .glyphicon-euro,
.glyphicon-eur { &::before { content: "\20ac"; } } .glyphicon-eur { &:before { content: "\20ac"; } }
.glyphicon-minus { &::before { content: "\2212"; } } .glyphicon-minus { &:before { content: "\2212"; } }
.glyphicon-cloud { &::before { content: "\2601"; } } .glyphicon-cloud { &:before { content: "\2601"; } }
.glyphicon-envelope { &::before { content: "\2709"; } } .glyphicon-envelope { &:before { content: "\2709"; } }
.glyphicon-pencil { &::before { content: "\270f"; } } .glyphicon-pencil { &:before { content: "\270f"; } }
.glyphicon-glass { &::before { content: "\e001"; } } .glyphicon-glass { &:before { content: "\e001"; } }
.glyphicon-music { &::before { content: "\e002"; } } .glyphicon-music { &:before { content: "\e002"; } }
.glyphicon-search { &::before { content: "\e003"; } } .glyphicon-search { &:before { content: "\e003"; } }
.glyphicon-heart { &::before { content: "\e005"; } } .glyphicon-heart { &:before { content: "\e005"; } }
.glyphicon-star { &::before { content: "\e006"; } } .glyphicon-star { &:before { content: "\e006"; } }
.glyphicon-star-empty { &::before { content: "\e007"; } } .glyphicon-star-empty { &:before { content: "\e007"; } }
.glyphicon-user { &::before { content: "\e008"; } } .glyphicon-user { &:before { content: "\e008"; } }
.glyphicon-film { &::before { content: "\e009"; } } .glyphicon-film { &:before { content: "\e009"; } }
.glyphicon-th-large { &::before { content: "\e010"; } } .glyphicon-th-large { &:before { content: "\e010"; } }
.glyphicon-th { &::before { content: "\e011"; } } .glyphicon-th { &:before { content: "\e011"; } }
.glyphicon-th-list { &::before { content: "\e012"; } } .glyphicon-th-list { &:before { content: "\e012"; } }
.glyphicon-ok { &::before { content: "\e013"; } } .glyphicon-ok { &:before { content: "\e013"; } }
.glyphicon-remove { &::before { content: "\e014"; } } .glyphicon-remove { &:before { content: "\e014"; } }
.glyphicon-zoom-in { &::before { content: "\e015"; } } .glyphicon-zoom-in { &:before { content: "\e015"; } }
.glyphicon-zoom-out { &::before { content: "\e016"; } } .glyphicon-zoom-out { &:before { content: "\e016"; } }
.glyphicon-off { &::before { content: "\e017"; } } .glyphicon-off { &:before { content: "\e017"; } }
.glyphicon-signal { &::before { content: "\e018"; } } .glyphicon-signal { &:before { content: "\e018"; } }
.glyphicon-cog { &::before { content: "\e019"; } } .glyphicon-cog { &:before { content: "\e019"; } }
.glyphicon-trash { &::before { content: "\e020"; } } .glyphicon-trash { &:before { content: "\e020"; } }
.glyphicon-home { &::before { content: "\e021"; } } .glyphicon-home { &:before { content: "\e021"; } }
.glyphicon-file { &::before { content: "\e022"; } } .glyphicon-file { &:before { content: "\e022"; } }
.glyphicon-time { &::before { content: "\e023"; } } .glyphicon-time { &:before { content: "\e023"; } }
.glyphicon-road { &::before { content: "\e024"; } } .glyphicon-road { &:before { content: "\e024"; } }
.glyphicon-download-alt { &::before { content: "\e025"; } } .glyphicon-download-alt { &:before { content: "\e025"; } }
.glyphicon-download { &::before { content: "\e026"; } } .glyphicon-download { &:before { content: "\e026"; } }
.glyphicon-upload { &::before { content: "\e027"; } } .glyphicon-upload { &:before { content: "\e027"; } }
.glyphicon-inbox { &::before { content: "\e028"; } } .glyphicon-inbox { &:before { content: "\e028"; } }
.glyphicon-play-circle { &::before { content: "\e029"; } } .glyphicon-play-circle { &:before { content: "\e029"; } }
.glyphicon-repeat { &::before { content: "\e030"; } } .glyphicon-repeat { &:before { content: "\e030"; } }
.glyphicon-refresh { &::before { content: "\e031"; } } .glyphicon-refresh { &:before { content: "\e031"; } }
.glyphicon-list-alt { &::before { content: "\e032"; } } .glyphicon-list-alt { &:before { content: "\e032"; } }
.glyphicon-lock { &::before { content: "\e033"; } } .glyphicon-lock { &:before { content: "\e033"; } }
.glyphicon-flag { &::before { content: "\e034"; } } .glyphicon-flag { &:before { content: "\e034"; } }
.glyphicon-headphones { &::before { content: "\e035"; } } .glyphicon-headphones { &:before { content: "\e035"; } }
.glyphicon-volume-off { &::before { content: "\e036"; } } .glyphicon-volume-off { &:before { content: "\e036"; } }
.glyphicon-volume-down { &::before { content: "\e037"; } } .glyphicon-volume-down { &:before { content: "\e037"; } }
.glyphicon-volume-up { &::before { content: "\e038"; } } .glyphicon-volume-up { &:before { content: "\e038"; } }
.glyphicon-qrcode { &::before { content: "\e039"; } } .glyphicon-qrcode { &:before { content: "\e039"; } }
.glyphicon-barcode { &::before { content: "\e040"; } } .glyphicon-barcode { &:before { content: "\e040"; } }
.glyphicon-tag { &::before { content: "\e041"; } } .glyphicon-tag { &:before { content: "\e041"; } }
.glyphicon-tags { &::before { content: "\e042"; } } .glyphicon-tags { &:before { content: "\e042"; } }
.glyphicon-book { &::before { content: "\e043"; } } .glyphicon-book { &:before { content: "\e043"; } }
.glyphicon-bookmark { &::before { content: "\e044"; } } .glyphicon-bookmark { &:before { content: "\e044"; } }
.glyphicon-print { &::before { content: "\e045"; } } .glyphicon-print { &:before { content: "\e045"; } }
.glyphicon-camera { &::before { content: "\e046"; } } .glyphicon-camera { &:before { content: "\e046"; } }
.glyphicon-font { &::before { content: "\e047"; } } .glyphicon-font { &:before { content: "\e047"; } }
.glyphicon-bold { &::before { content: "\e048"; } } .glyphicon-bold { &:before { content: "\e048"; } }
.glyphicon-italic { &::before { content: "\e049"; } } .glyphicon-italic { &:before { content: "\e049"; } }
.glyphicon-text-height { &::before { content: "\e050"; } } .glyphicon-text-height { &:before { content: "\e050"; } }
.glyphicon-text-width { &::before { content: "\e051"; } } .glyphicon-text-width { &:before { content: "\e051"; } }
.glyphicon-align-left { &::before { content: "\e052"; } } .glyphicon-align-left { &:before { content: "\e052"; } }
.glyphicon-align-center { &::before { content: "\e053"; } } .glyphicon-align-center { &:before { content: "\e053"; } }
.glyphicon-align-right { &::before { content: "\e054"; } } .glyphicon-align-right { &:before { content: "\e054"; } }
.glyphicon-align-justify { &::before { content: "\e055"; } } .glyphicon-align-justify { &:before { content: "\e055"; } }
.glyphicon-list { &::before { content: "\e056"; } } .glyphicon-list { &:before { content: "\e056"; } }
.glyphicon-indent-left { &::before { content: "\e057"; } } .glyphicon-indent-left { &:before { content: "\e057"; } }
.glyphicon-indent-right { &::before { content: "\e058"; } } .glyphicon-indent-right { &:before { content: "\e058"; } }
.glyphicon-facetime-video { &::before { content: "\e059"; } } .glyphicon-facetime-video { &:before { content: "\e059"; } }
.glyphicon-picture { &::before { content: "\e060"; } } .glyphicon-picture { &:before { content: "\e060"; } }
.glyphicon-map-marker { &::before { content: "\e062"; } } .glyphicon-map-marker { &:before { content: "\e062"; } }
.glyphicon-adjust { &::before { content: "\e063"; } } .glyphicon-adjust { &:before { content: "\e063"; } }
.glyphicon-tint { &::before { content: "\e064"; } } .glyphicon-tint { &:before { content: "\e064"; } }
.glyphicon-edit { &::before { content: "\e065"; } } .glyphicon-edit { &:before { content: "\e065"; } }
.glyphicon-share { &::before { content: "\e066"; } } .glyphicon-share { &:before { content: "\e066"; } }
.glyphicon-check { &::before { content: "\e067"; } } .glyphicon-check { &:before { content: "\e067"; } }
.glyphicon-move { &::before { content: "\e068"; } } .glyphicon-move { &:before { content: "\e068"; } }
.glyphicon-step-backward { &::before { content: "\e069"; } } .glyphicon-step-backward { &:before { content: "\e069"; } }
.glyphicon-fast-backward { &::before { content: "\e070"; } } .glyphicon-fast-backward { &:before { content: "\e070"; } }
.glyphicon-backward { &::before { content: "\e071"; } } .glyphicon-backward { &:before { content: "\e071"; } }
.glyphicon-play { &::before { content: "\e072"; } } .glyphicon-play { &:before { content: "\e072"; } }
.glyphicon-pause { &::before { content: "\e073"; } } .glyphicon-pause { &:before { content: "\e073"; } }
.glyphicon-stop { &::before { content: "\e074"; } } .glyphicon-stop { &:before { content: "\e074"; } }
.glyphicon-forward { &::before { content: "\e075"; } } .glyphicon-forward { &:before { content: "\e075"; } }
.glyphicon-fast-forward { &::before { content: "\e076"; } } .glyphicon-fast-forward { &:before { content: "\e076"; } }
.glyphicon-step-forward { &::before { content: "\e077"; } } .glyphicon-step-forward { &:before { content: "\e077"; } }
.glyphicon-eject { &::before { content: "\e078"; } } .glyphicon-eject { &:before { content: "\e078"; } }
.glyphicon-chevron-left { &::before { content: "\e079"; } } .glyphicon-chevron-left { &:before { content: "\e079"; } }
.glyphicon-chevron-right { &::before { content: "\e080"; } } .glyphicon-chevron-right { &:before { content: "\e080"; } }
.glyphicon-plus-sign { &::before { content: "\e081"; } } .glyphicon-plus-sign { &:before { content: "\e081"; } }
.glyphicon-minus-sign { &::before { content: "\e082"; } } .glyphicon-minus-sign { &:before { content: "\e082"; } }
.glyphicon-remove-sign { &::before { content: "\e083"; } } .glyphicon-remove-sign { &:before { content: "\e083"; } }
.glyphicon-ok-sign { &::before { content: "\e084"; } } .glyphicon-ok-sign { &:before { content: "\e084"; } }
.glyphicon-question-sign { &::before { content: "\e085"; } } .glyphicon-question-sign { &:before { content: "\e085"; } }
.glyphicon-info-sign { &::before { content: "\e086"; } } .glyphicon-info-sign { &:before { content: "\e086"; } }
.glyphicon-screenshot { &::before { content: "\e087"; } } .glyphicon-screenshot { &:before { content: "\e087"; } }
.glyphicon-remove-circle { &::before { content: "\e088"; } } .glyphicon-remove-circle { &:before { content: "\e088"; } }
.glyphicon-ok-circle { &::before { content: "\e089"; } } .glyphicon-ok-circle { &:before { content: "\e089"; } }
.glyphicon-ban-circle { &::before { content: "\e090"; } } .glyphicon-ban-circle { &:before { content: "\e090"; } }
.glyphicon-arrow-left { &::before { content: "\e091"; } } .glyphicon-arrow-left { &:before { content: "\e091"; } }
.glyphicon-arrow-right { &::before { content: "\e092"; } } .glyphicon-arrow-right { &:before { content: "\e092"; } }
.glyphicon-arrow-up { &::before { content: "\e093"; } } .glyphicon-arrow-up { &:before { content: "\e093"; } }
.glyphicon-arrow-down { &::before { content: "\e094"; } } .glyphicon-arrow-down { &:before { content: "\e094"; } }
.glyphicon-share-alt { &::before { content: "\e095"; } } .glyphicon-share-alt { &:before { content: "\e095"; } }
.glyphicon-resize-full { &::before { content: "\e096"; } } .glyphicon-resize-full { &:before { content: "\e096"; } }
.glyphicon-resize-small { &::before { content: "\e097"; } } .glyphicon-resize-small { &:before { content: "\e097"; } }
.glyphicon-exclamation-sign { &::before { content: "\e101"; } } .glyphicon-exclamation-sign { &:before { content: "\e101"; } }
.glyphicon-gift { &::before { content: "\e102"; } } .glyphicon-gift { &:before { content: "\e102"; } }
.glyphicon-leaf { &::before { content: "\e103"; } } .glyphicon-leaf { &:before { content: "\e103"; } }
.glyphicon-fire { &::before { content: "\e104"; } } .glyphicon-fire { &:before { content: "\e104"; } }
.glyphicon-eye-open { &::before { content: "\e105"; } } .glyphicon-eye-open { &:before { content: "\e105"; } }
.glyphicon-eye-close { &::before { content: "\e106"; } } .glyphicon-eye-close { &:before { content: "\e106"; } }
.glyphicon-warning-sign { &::before { content: "\e107"; } } .glyphicon-warning-sign { &:before { content: "\e107"; } }
.glyphicon-plane { &::before { content: "\e108"; } } .glyphicon-plane { &:before { content: "\e108"; } }
.glyphicon-calendar { &::before { content: "\e109"; } } .glyphicon-calendar { &:before { content: "\e109"; } }
.glyphicon-random { &::before { content: "\e110"; } } .glyphicon-random { &:before { content: "\e110"; } }
.glyphicon-comment { &::before { content: "\e111"; } } .glyphicon-comment { &:before { content: "\e111"; } }
.glyphicon-magnet { &::before { content: "\e112"; } } .glyphicon-magnet { &:before { content: "\e112"; } }
.glyphicon-chevron-up { &::before { content: "\e113"; } } .glyphicon-chevron-up { &:before { content: "\e113"; } }
.glyphicon-chevron-down { &::before { content: "\e114"; } } .glyphicon-chevron-down { &:before { content: "\e114"; } }
.glyphicon-retweet { &::before { content: "\e115"; } } .glyphicon-retweet { &:before { content: "\e115"; } }
.glyphicon-shopping-cart { &::before { content: "\e116"; } } .glyphicon-shopping-cart { &:before { content: "\e116"; } }
.glyphicon-folder-close { &::before { content: "\e117"; } } .glyphicon-folder-close { &:before { content: "\e117"; } }
.glyphicon-folder-open { &::before { content: "\e118"; } } .glyphicon-folder-open { &:before { content: "\e118"; } }
.glyphicon-resize-vertical { &::before { content: "\e119"; } } .glyphicon-resize-vertical { &:before { content: "\e119"; } }
.glyphicon-resize-horizontal { &::before { content: "\e120"; } } .glyphicon-resize-horizontal { &:before { content: "\e120"; } }
.glyphicon-hdd { &::before { content: "\e121"; } } .glyphicon-hdd { &:before { content: "\e121"; } }
.glyphicon-bullhorn { &::before { content: "\e122"; } } .glyphicon-bullhorn { &:before { content: "\e122"; } }
.glyphicon-bell { &::before { content: "\e123"; } } .glyphicon-bell { &:before { content: "\e123"; } }
.glyphicon-certificate { &::before { content: "\e124"; } } .glyphicon-certificate { &:before { content: "\e124"; } }
.glyphicon-thumbs-up { &::before { content: "\e125"; } } .glyphicon-thumbs-up { &:before { content: "\e125"; } }
.glyphicon-thumbs-down { &::before { content: "\e126"; } } .glyphicon-thumbs-down { &:before { content: "\e126"; } }
.glyphicon-hand-right { &::before { content: "\e127"; } } .glyphicon-hand-right { &:before { content: "\e127"; } }
.glyphicon-hand-left { &::before { content: "\e128"; } } .glyphicon-hand-left { &:before { content: "\e128"; } }
.glyphicon-hand-up { &::before { content: "\e129"; } } .glyphicon-hand-up { &:before { content: "\e129"; } }
.glyphicon-hand-down { &::before { content: "\e130"; } } .glyphicon-hand-down { &:before { content: "\e130"; } }
.glyphicon-circle-arrow-right { &::before { content: "\e131"; } } .glyphicon-circle-arrow-right { &:before { content: "\e131"; } }
.glyphicon-circle-arrow-left { &::before { content: "\e132"; } } .glyphicon-circle-arrow-left { &:before { content: "\e132"; } }
.glyphicon-circle-arrow-up { &::before { content: "\e133"; } } .glyphicon-circle-arrow-up { &:before { content: "\e133"; } }
.glyphicon-circle-arrow-down { &::before { content: "\e134"; } } .glyphicon-circle-arrow-down { &:before { content: "\e134"; } }
.glyphicon-globe { &::before { content: "\e135"; } } .glyphicon-globe { &:before { content: "\e135"; } }
.glyphicon-wrench { &::before { content: "\e136"; } } .glyphicon-wrench { &:before { content: "\e136"; } }
.glyphicon-tasks { &::before { content: "\e137"; } } .glyphicon-tasks { &:before { content: "\e137"; } }
.glyphicon-filter { &::before { content: "\e138"; } } .glyphicon-filter { &:before { content: "\e138"; } }
.glyphicon-briefcase { &::before { content: "\e139"; } } .glyphicon-briefcase { &:before { content: "\e139"; } }
.glyphicon-fullscreen { &::before { content: "\e140"; } } .glyphicon-fullscreen { &:before { content: "\e140"; } }
.glyphicon-dashboard { &::before { content: "\e141"; } } .glyphicon-dashboard { &:before { content: "\e141"; } }
.glyphicon-paperclip { &::before { content: "\e142"; } } .glyphicon-paperclip { &:before { content: "\e142"; } }
.glyphicon-heart-empty { &::before { content: "\e143"; } } .glyphicon-heart-empty { &:before { content: "\e143"; } }
.glyphicon-link { &::before { content: "\e144"; } } .glyphicon-link { &:before { content: "\e144"; } }
.glyphicon-phone { &::before { content: "\e145"; } } .glyphicon-phone { &:before { content: "\e145"; } }
.glyphicon-pushpin { &::before { content: "\e146"; } } .glyphicon-pushpin { &:before { content: "\e146"; } }
.glyphicon-usd { &::before { content: "\e148"; } } .glyphicon-usd { &:before { content: "\e148"; } }
.glyphicon-gbp { &::before { content: "\e149"; } } .glyphicon-gbp { &:before { content: "\e149"; } }
.glyphicon-sort { &::before { content: "\e150"; } } .glyphicon-sort { &:before { content: "\e150"; } }
.glyphicon-sort-by-alphabet { &::before { content: "\e151"; } } .glyphicon-sort-by-alphabet { &:before { content: "\e151"; } }
.glyphicon-sort-by-alphabet-alt { &::before { content: "\e152"; } } .glyphicon-sort-by-alphabet-alt { &:before { content: "\e152"; } }
.glyphicon-sort-by-order { &::before { content: "\e153"; } } .glyphicon-sort-by-order { &:before { content: "\e153"; } }
.glyphicon-sort-by-order-alt { &::before { content: "\e154"; } } .glyphicon-sort-by-order-alt { &:before { content: "\e154"; } }
.glyphicon-sort-by-attributes { &::before { content: "\e155"; } } .glyphicon-sort-by-attributes { &:before { content: "\e155"; } }
.glyphicon-sort-by-attributes-alt { &::before { content: "\e156"; } } .glyphicon-sort-by-attributes-alt { &:before { content: "\e156"; } }
.glyphicon-unchecked { &::before { content: "\e157"; } } .glyphicon-unchecked { &:before { content: "\e157"; } }
.glyphicon-expand { &::before { content: "\e158"; } } .glyphicon-expand { &:before { content: "\e158"; } }
.glyphicon-collapse-down { &::before { content: "\e159"; } } .glyphicon-collapse-down { &:before { content: "\e159"; } }
.glyphicon-collapse-up { &::before { content: "\e160"; } } .glyphicon-collapse-up { &:before { content: "\e160"; } }
.glyphicon-log-in { &::before { content: "\e161"; } } .glyphicon-log-in { &:before { content: "\e161"; } }
.glyphicon-flash { &::before { content: "\e162"; } } .glyphicon-flash { &:before { content: "\e162"; } }
.glyphicon-log-out { &::before { content: "\e163"; } } .glyphicon-log-out { &:before { content: "\e163"; } }
.glyphicon-new-window { &::before { content: "\e164"; } } .glyphicon-new-window { &:before { content: "\e164"; } }
.glyphicon-record { &::before { content: "\e165"; } } .glyphicon-record { &:before { content: "\e165"; } }
.glyphicon-save { &::before { content: "\e166"; } } .glyphicon-save { &:before { content: "\e166"; } }
.glyphicon-open { &::before { content: "\e167"; } } .glyphicon-open { &:before { content: "\e167"; } }
.glyphicon-saved { &::before { content: "\e168"; } } .glyphicon-saved { &:before { content: "\e168"; } }
.glyphicon-import { &::before { content: "\e169"; } } .glyphicon-import { &:before { content: "\e169"; } }
.glyphicon-export { &::before { content: "\e170"; } } .glyphicon-export { &:before { content: "\e170"; } }
.glyphicon-send { &::before { content: "\e171"; } } .glyphicon-send { &:before { content: "\e171"; } }
.glyphicon-floppy-disk { &::before { content: "\e172"; } } .glyphicon-floppy-disk { &:before { content: "\e172"; } }
.glyphicon-floppy-saved { &::before { content: "\e173"; } } .glyphicon-floppy-saved { &:before { content: "\e173"; } }
.glyphicon-floppy-remove { &::before { content: "\e174"; } } .glyphicon-floppy-remove { &:before { content: "\e174"; } }
.glyphicon-floppy-save { &::before { content: "\e175"; } } .glyphicon-floppy-save { &:before { content: "\e175"; } }
.glyphicon-floppy-open { &::before { content: "\e176"; } } .glyphicon-floppy-open { &:before { content: "\e176"; } }
.glyphicon-credit-card { &::before { content: "\e177"; } } .glyphicon-credit-card { &:before { content: "\e177"; } }
.glyphicon-transfer { &::before { content: "\e178"; } } .glyphicon-transfer { &:before { content: "\e178"; } }
.glyphicon-cutlery { &::before { content: "\e179"; } } .glyphicon-cutlery { &:before { content: "\e179"; } }
.glyphicon-header { &::before { content: "\e180"; } } .glyphicon-header { &:before { content: "\e180"; } }
.glyphicon-compressed { &::before { content: "\e181"; } } .glyphicon-compressed { &:before { content: "\e181"; } }
.glyphicon-earphone { &::before { content: "\e182"; } } .glyphicon-earphone { &:before { content: "\e182"; } }
.glyphicon-phone-alt { &::before { content: "\e183"; } } .glyphicon-phone-alt { &:before { content: "\e183"; } }
.glyphicon-tower { &::before { content: "\e184"; } } .glyphicon-tower { &:before { content: "\e184"; } }
.glyphicon-stats { &::before { content: "\e185"; } } .glyphicon-stats { &:before { content: "\e185"; } }
.glyphicon-sd-video { &::before { content: "\e186"; } } .glyphicon-sd-video { &:before { content: "\e186"; } }
.glyphicon-hd-video { &::before { content: "\e187"; } } .glyphicon-hd-video { &:before { content: "\e187"; } }
.glyphicon-subtitles { &::before { content: "\e188"; } } .glyphicon-subtitles { &:before { content: "\e188"; } }
.glyphicon-sound-stereo { &::before { content: "\e189"; } } .glyphicon-sound-stereo { &:before { content: "\e189"; } }
.glyphicon-sound-dolby { &::before { content: "\e190"; } } .glyphicon-sound-dolby { &:before { content: "\e190"; } }
.glyphicon-sound-5-1 { &::before { content: "\e191"; } } .glyphicon-sound-5-1 { &:before { content: "\e191"; } }
.glyphicon-sound-6-1 { &::before { content: "\e192"; } } .glyphicon-sound-6-1 { &:before { content: "\e192"; } }
.glyphicon-sound-7-1 { &::before { content: "\e193"; } } .glyphicon-sound-7-1 { &:before { content: "\e193"; } }
.glyphicon-copyright-mark { &::before { content: "\e194"; } } .glyphicon-copyright-mark { &:before { content: "\e194"; } }
.glyphicon-registration-mark { &::before { content: "\e195"; } } .glyphicon-registration-mark { &:before { content: "\e195"; } }
.glyphicon-cloud-download { &::before { content: "\e197"; } } .glyphicon-cloud-download { &:before { content: "\e197"; } }
.glyphicon-cloud-upload { &::before { content: "\e198"; } } .glyphicon-cloud-upload { &:before { content: "\e198"; } }
.glyphicon-tree-conifer { &::before { content: "\e199"; } } .glyphicon-tree-conifer { &:before { content: "\e199"; } }
.glyphicon-tree-deciduous { &::before { content: "\e200"; } } .glyphicon-tree-deciduous { &:before { content: "\e200"; } }
.glyphicon-cd { &::before { content: "\e201"; } } .glyphicon-cd { &:before { content: "\e201"; } }
.glyphicon-save-file { &::before { content: "\e202"; } } .glyphicon-save-file { &:before { content: "\e202"; } }
.glyphicon-open-file { &::before { content: "\e203"; } } .glyphicon-open-file { &:before { content: "\e203"; } }
.glyphicon-level-up { &::before { content: "\e204"; } } .glyphicon-level-up { &:before { content: "\e204"; } }
.glyphicon-copy { &::before { content: "\e205"; } } .glyphicon-copy { &:before { content: "\e205"; } }
.glyphicon-paste { &::before { content: "\e206"; } } .glyphicon-paste { &:before { content: "\e206"; } }
// The following 2 Glyphicons are omitted for the time being because // The following 2 Glyphicons are omitted for the time being because
// they currently use Unicode codepoints that are outside the // they currently use Unicode codepoints that are outside the
// Basic Multilingual Plane (BMP). Older buggy versions of WebKit can't handle // Basic Multilingual Plane (BMP). Older buggy versions of WebKit can't handle
// non-BMP codepoints in CSS string escapes, and thus can't display these two icons. // non-BMP codepoints in CSS string escapes, and thus can't display these two icons.
// Notably, the bug affects some older versions of the Android Browser. // Notably, the bug affects some older versions of the Android Browser.
// More info: https://github.com/twbs/bootstrap/issues/10106 // More info: https://github.com/twbs/bootstrap/issues/10106
// .glyphicon-door { &::before { content: "\1f6aa"; } } // .glyphicon-door { &:before { content: "\1f6aa"; } }
// .glyphicon-key { &::before { content: "\1f511"; } } // .glyphicon-key { &:before { content: "\1f511"; } }
.glyphicon-alert { &::before { content: "\e209"; } } .glyphicon-alert { &:before { content: "\e209"; } }
.glyphicon-equalizer { &::before { content: "\e210"; } } .glyphicon-equalizer { &:before { content: "\e210"; } }
.glyphicon-king { &::before { content: "\e211"; } } .glyphicon-king { &:before { content: "\e211"; } }
.glyphicon-queen { &::before { content: "\e212"; } } .glyphicon-queen { &:before { content: "\e212"; } }
.glyphicon-pawn { &::before { content: "\e213"; } } .glyphicon-pawn { &:before { content: "\e213"; } }
.glyphicon-bishop { &::before { content: "\e214"; } } .glyphicon-bishop { &:before { content: "\e214"; } }
.glyphicon-knight { &::before { content: "\e215"; } } .glyphicon-knight { &:before { content: "\e215"; } }
.glyphicon-baby-formula { &::before { content: "\e216"; } } .glyphicon-baby-formula { &:before { content: "\e216"; } }
.glyphicon-tent { &::before { content: "\26fa"; } } .glyphicon-tent { &:before { content: "\26fa"; } }
.glyphicon-blackboard { &::before { content: "\e218"; } } .glyphicon-blackboard { &:before { content: "\e218"; } }
.glyphicon-bed { &::before { content: "\e219"; } } .glyphicon-bed { &:before { content: "\e219"; } }
.glyphicon-apple { &::before { content: "\f8ff"; } } .glyphicon-apple { &:before { content: "\f8ff"; } }
.glyphicon-erase { &::before { content: "\e221"; } } .glyphicon-erase { &:before { content: "\e221"; } }
.glyphicon-hourglass { &::before { content: "\231b"; } } .glyphicon-hourglass { &:before { content: "\231b"; } }
.glyphicon-lamp { &::before { content: "\e223"; } } .glyphicon-lamp { &:before { content: "\e223"; } }
.glyphicon-duplicate { &::before { content: "\e224"; } } .glyphicon-duplicate { &:before { content: "\e224"; } }
.glyphicon-piggy-bank { &::before { content: "\e225"; } } .glyphicon-piggy-bank { &:before { content: "\e225"; } }
.glyphicon-scissors { &::before { content: "\e226"; } } .glyphicon-scissors { &:before { content: "\e226"; } }
.glyphicon-bitcoin { &::before { content: "\e227"; } } .glyphicon-bitcoin { &:before { content: "\e227"; } }
.glyphicon-btc { &::before { content: "\e227"; } } .glyphicon-btc { &:before { content: "\e227"; } }
.glyphicon-xbt { &::before { content: "\e227"; } } .glyphicon-xbt { &:before { content: "\e227"; } }
.glyphicon-yen { &::before { content: "\00a5"; } } .glyphicon-yen { &:before { content: "\00a5"; } }
.glyphicon-jpy { &::before { content: "\00a5"; } } .glyphicon-jpy { &:before { content: "\00a5"; } }
.glyphicon-ruble { &::before { content: "\20bd"; } } .glyphicon-ruble { &:before { content: "\20bd"; } }
.glyphicon-rub { &::before { content: "\20bd"; } } .glyphicon-rub { &:before { content: "\20bd"; } }
.glyphicon-scale { &::before { content: "\e230"; } } .glyphicon-scale { &:before { content: "\e230"; } }
.glyphicon-ice-lolly { &::before { content: "\e231"; } } .glyphicon-ice-lolly { &:before { content: "\e231"; } }
.glyphicon-ice-lolly-tasted { &::before { content: "\e232"; } } .glyphicon-ice-lolly-tasted { &:before { content: "\e232"; } }
.glyphicon-education { &::before { content: "\e233"; } } .glyphicon-education { &:before { content: "\e233"; } }
.glyphicon-option-horizontal { &::before { content: "\e234"; } } .glyphicon-option-horizontal { &:before { content: "\e234"; } }
.glyphicon-option-vertical { &::before { content: "\e235"; } } .glyphicon-option-vertical { &:before { content: "\e235"; } }
.glyphicon-menu-hamburger { &::before { content: "\e236"; } } .glyphicon-menu-hamburger { &:before { content: "\e236"; } }
.glyphicon-modal-window { &::before { content: "\e237"; } } .glyphicon-modal-window { &:before { content: "\e237"; } }
.glyphicon-oil { &::before { content: "\e238"; } } .glyphicon-oil { &:before { content: "\e238"; } }
.glyphicon-grain { &::before { content: "\e239"; } } .glyphicon-grain { &:before { content: "\e239"; } }
.glyphicon-sunglasses { &::before { content: "\e240"; } } .glyphicon-sunglasses { &:before { content: "\e240"; } }
.glyphicon-text-size { &::before { content: "\e241"; } } .glyphicon-text-size { &:before { content: "\e241"; } }
.glyphicon-text-color { &::before { content: "\e242"; } } .glyphicon-text-color { &:before { content: "\e242"; } }
.glyphicon-text-background { &::before { content: "\e243"; } } .glyphicon-text-background { &:before { content: "\e243"; } }
.glyphicon-object-align-top { &::before { content: "\e244"; } } .glyphicon-object-align-top { &:before { content: "\e244"; } }
.glyphicon-object-align-bottom { &::before { content: "\e245"; } } .glyphicon-object-align-bottom { &:before { content: "\e245"; } }
.glyphicon-object-align-horizontal{ &::before { content: "\e246"; } } .glyphicon-object-align-horizontal{ &:before { content: "\e246"; } }
.glyphicon-object-align-left { &::before { content: "\e247"; } } .glyphicon-object-align-left { &:before { content: "\e247"; } }
.glyphicon-object-align-vertical { &::before { content: "\e248"; } } .glyphicon-object-align-vertical { &:before { content: "\e248"; } }
.glyphicon-object-align-right { &::before { content: "\e249"; } } .glyphicon-object-align-right { &:before { content: "\e249"; } }
.glyphicon-triangle-right { &::before { content: "\e250"; } } .glyphicon-triangle-right { &:before { content: "\e250"; } }
.glyphicon-triangle-left { &::before { content: "\e251"; } } .glyphicon-triangle-left { &:before { content: "\e251"; } }
.glyphicon-triangle-bottom { &::before { content: "\e252"; } } .glyphicon-triangle-bottom { &:before { content: "\e252"; } }
.glyphicon-triangle-top { &::before { content: "\e253"; } } .glyphicon-triangle-top { &:before { content: "\e253"; } }
.glyphicon-console { &::before { content: "\e254"; } } .glyphicon-console { &:before { content: "\e254"; } }
.glyphicon-superscript { &::before { content: "\e255"; } } .glyphicon-superscript { &:before { content: "\e255"; } }
.glyphicon-subscript { &::before { content: "\e256"; } } .glyphicon-subscript { &:before { content: "\e256"; } }
.glyphicon-menu-left { &::before { content: "\e257"; } } .glyphicon-menu-left { &:before { content: "\e257"; } }
.glyphicon-menu-right { &::before { content: "\e258"; } } .glyphicon-menu-right { &:before { content: "\e258"; } }
.glyphicon-menu-down { &::before { content: "\e259"; } } .glyphicon-menu-down { &:before { content: "\e259"; } }
.glyphicon-menu-up { &::before { content: "\e260"; } } .glyphicon-menu-up { &:before { content: "\e260"; } }
+4 -4
View File
@@ -6,17 +6,17 @@
// Otherwise it causes space to appear at the top and bottom of elements // Otherwise it causes space to appear at the top and bottom of elements
// that are clearfixed. // that are clearfixed.
// 2. The use of `table` rather than `block` is only necessary if using // 2. The use of `table` rather than `block` is only necessary if using
// `::before` to contain the top-margins of child elements. // `:before` to contain the top-margins of child elements.
// //
// Source: http://nicolasgallagher.com/micro-clearfix-hack/ // Source: http://nicolasgallagher.com/micro-clearfix-hack/
.clearfix() { .clearfix() {
&::before, &:before,
&::after { &:after {
display: table; // 2 display: table; // 2
content: " "; // 1 content: " "; // 1
} }
&::after { &:after {
clear: both; clear: both;
} }
} }
+7 -7
View File
@@ -31,12 +31,12 @@
&.left { margin-left: -@popover-arrow-width; } &.left { margin-left: -@popover-arrow-width; }
// Arrows // Arrows
// .arrow is outer, .arrow::after is inner // .arrow is outer, .arrow:after is inner
> .arrow { > .arrow {
border-width: @popover-arrow-outer-width; border-width: @popover-arrow-outer-width;
&, &,
&::after { &:after {
position: absolute; position: absolute;
display: block; display: block;
width: 0; width: 0;
@@ -45,7 +45,7 @@
border-style: solid; border-style: solid;
} }
&::after { &:after {
content: ""; content: "";
border-width: @popover-arrow-width; border-width: @popover-arrow-width;
} }
@@ -73,7 +73,7 @@
border-top-color: @popover-arrow-outer-fallback-color; // IE8 fallback border-top-color: @popover-arrow-outer-fallback-color; // IE8 fallback
border-top-color: @popover-arrow-outer-color; border-top-color: @popover-arrow-outer-color;
border-bottom-width: 0; border-bottom-width: 0;
&::after { &:after {
bottom: 1px; bottom: 1px;
margin-left: -@popover-arrow-width; margin-left: -@popover-arrow-width;
content: " "; content: " ";
@@ -88,7 +88,7 @@
border-right-color: @popover-arrow-outer-fallback-color; // IE8 fallback border-right-color: @popover-arrow-outer-fallback-color; // IE8 fallback
border-right-color: @popover-arrow-outer-color; border-right-color: @popover-arrow-outer-color;
border-left-width: 0; border-left-width: 0;
&::after { &:after {
bottom: -@popover-arrow-width; bottom: -@popover-arrow-width;
left: 1px; left: 1px;
content: " "; content: " ";
@@ -103,7 +103,7 @@
border-top-width: 0; border-top-width: 0;
border-bottom-color: @popover-arrow-outer-fallback-color; // IE8 fallback border-bottom-color: @popover-arrow-outer-fallback-color; // IE8 fallback
border-bottom-color: @popover-arrow-outer-color; border-bottom-color: @popover-arrow-outer-color;
&::after { &:after {
top: 1px; top: 1px;
margin-left: -@popover-arrow-width; margin-left: -@popover-arrow-width;
content: " "; content: " ";
@@ -119,7 +119,7 @@
border-right-width: 0; border-right-width: 0;
border-left-color: @popover-arrow-outer-fallback-color; // IE8 fallback border-left-color: @popover-arrow-outer-fallback-color; // IE8 fallback
border-left-color: @popover-arrow-outer-color; border-left-color: @popover-arrow-outer-color;
&::after { &:after {
right: 1px; right: 1px;
bottom: -@popover-arrow-width; bottom: -@popover-arrow-width;
content: " "; content: " ";
+6 -6
View File
@@ -9,8 +9,8 @@
@media print { @media print {
*, *,
*::before, *:before,
*::after { *:after {
color: #000 !important; // Black prints faster: h5bp.com/s color: #000 !important; // Black prints faster: h5bp.com/s
text-shadow: none !important; text-shadow: none !important;
background: transparent !important; background: transparent !important;
@@ -22,18 +22,18 @@
text-decoration: underline; text-decoration: underline;
} }
a[href]::after { a[href]:after {
content: " (" attr(href) ")"; content: " (" attr(href) ")";
} }
abbr[title]::after { abbr[title]:after {
content: " (" attr(title) ")"; content: " (" attr(title) ")";
} }
// Don't show links that are fragment identifiers, // Don't show links that are fragment identifiers,
// or use the `javascript:` pseudo protocol // or use the `javascript:` pseudo protocol
a[href^="#"]::after, a[href^="#"]:after,
a[href^="javascript:"]::after { a[href^="javascript:"]:after {
content: ""; content: "";
} }
+2 -2
View File
@@ -11,8 +11,8 @@
* { * {
.box-sizing(border-box); .box-sizing(border-box);
} }
*::before, *:before,
*::after { *:after {
.box-sizing(border-box); .box-sizing(border-box);
} }
+3 -3
View File
@@ -261,7 +261,7 @@ blockquote {
line-height: @line-height-base; line-height: @line-height-base;
color: @blockquote-small-color; color: @blockquote-small-color;
&::before { &:before {
content: "\2014 \00A0"; // em dash, nbsp content: "\2014 \00A0"; // em dash, nbsp
} }
} }
@@ -282,8 +282,8 @@ blockquote.pull-right {
footer, footer,
small, small,
.small { .small {
&::before { content: ""; } &:before { content: ""; }
&::after { &:after {
content: "\00A0 \2014"; // nbsp, em dash content: "\00A0 \2014"; // nbsp, em dash
} }
} }