mirror of
https://github.com/twbs/bootstrap.git
synced 2025-02-20 17:54:23 +01:00
Merge pull request #17058 from kkirsche/patch-6
Use double colons for psuedo elements
This commit is contained in:
commit
46a524f302
@ -8,7 +8,7 @@
|
||||
> li {
|
||||
display: inline-block;
|
||||
|
||||
+ li:before {
|
||||
+ li::before {
|
||||
$nbsp: "\00a0";
|
||||
padding-right: .5rem;
|
||||
padding-left: .5rem;
|
||||
|
@ -141,12 +141,12 @@
|
||||
}
|
||||
|
||||
.icon-prev {
|
||||
&:before {
|
||||
&::before {
|
||||
content: "\2039";// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039)
|
||||
}
|
||||
}
|
||||
.icon-next {
|
||||
&:before {
|
||||
&::before {
|
||||
content: "\203a";// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A)
|
||||
}
|
||||
}
|
||||
|
@ -109,7 +109,7 @@
|
||||
.c-input {
|
||||
display: inline;
|
||||
|
||||
&:after {
|
||||
&::after {
|
||||
display: block;
|
||||
margin-bottom: .25rem;
|
||||
content: "";
|
||||
@ -199,10 +199,10 @@
|
||||
border-radius: .25rem;
|
||||
@include box-shadow(inset 0 .2rem .4rem rgba(0,0,0,.05));
|
||||
}
|
||||
.file-custom:after {
|
||||
.file-custom::after {
|
||||
content: "Choose file...";
|
||||
}
|
||||
.file-custom:before {
|
||||
.file-custom::before {
|
||||
position: absolute;
|
||||
top: -.075rem;
|
||||
right: -.075rem;
|
||||
|
@ -6,7 +6,7 @@
|
||||
|
||||
.dropdown-toggle {
|
||||
// Generate the caret automatically
|
||||
&:after {
|
||||
&::after {
|
||||
display: inline-block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
@ -26,7 +26,7 @@
|
||||
|
||||
.dropup {
|
||||
.dropdown-toggle {
|
||||
&:after {
|
||||
&::after {
|
||||
border-bottom: $caret-width solid;
|
||||
border-top: 0;
|
||||
}
|
||||
|
@ -93,7 +93,7 @@
|
||||
margin-left: $navbar-padding-horizontal;
|
||||
overflow: hidden;
|
||||
|
||||
&:before {
|
||||
&::before {
|
||||
content: "\00a0";
|
||||
}
|
||||
}
|
||||
|
@ -29,7 +29,7 @@
|
||||
margin-left: -$popover-arrow-outer-width;
|
||||
border-top-color: $popover-arrow-outer-color;
|
||||
border-bottom-width: 0;
|
||||
&:after {
|
||||
&::after {
|
||||
bottom: 1px;
|
||||
margin-left: -$popover-arrow-width;
|
||||
content: "";
|
||||
@ -49,7 +49,7 @@
|
||||
margin-top: -$popover-arrow-outer-width;
|
||||
border-right-color: $popover-arrow-outer-color;
|
||||
border-left-width: 0;
|
||||
&:after {
|
||||
&::after {
|
||||
bottom: -$popover-arrow-width;
|
||||
left: 1px;
|
||||
content: "";
|
||||
@ -69,7 +69,7 @@
|
||||
margin-left: -$popover-arrow-outer-width;
|
||||
border-top-width: 0;
|
||||
border-bottom-color: $popover-arrow-outer-color;
|
||||
&:after {
|
||||
&::after {
|
||||
top: 1px;
|
||||
margin-left: -$popover-arrow-width;
|
||||
content: "";
|
||||
@ -89,7 +89,7 @@
|
||||
margin-top: -$popover-arrow-outer-width;
|
||||
border-right-width: 0;
|
||||
border-left-color: $popover-arrow-outer-color;
|
||||
&:after {
|
||||
&::after {
|
||||
right: 1px;
|
||||
bottom: -$popover-arrow-width;
|
||||
content: "";
|
||||
@ -118,11 +118,11 @@
|
||||
|
||||
// Arrows
|
||||
//
|
||||
// .popover-arrow is outer, .popover-arrow:after is inner
|
||||
// .popover-arrow is outer, .popover-arrow::after is inner
|
||||
|
||||
.popover-arrow {
|
||||
&,
|
||||
&:after {
|
||||
&::after {
|
||||
position: absolute;
|
||||
display: block;
|
||||
width: 0;
|
||||
@ -134,7 +134,7 @@
|
||||
.popover-arrow {
|
||||
border-width: $popover-arrow-outer-width;
|
||||
}
|
||||
.popover-arrow:after {
|
||||
.popover-arrow::after {
|
||||
content: "";
|
||||
border-width: $popover-arrow-width;
|
||||
}
|
||||
|
@ -7,8 +7,8 @@
|
||||
|
||||
@media print {
|
||||
*,
|
||||
*:before,
|
||||
*:after {
|
||||
*::before,
|
||||
*::after {
|
||||
text-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
@ -18,7 +18,7 @@
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
abbr[title]:after {
|
||||
abbr[title]::after {
|
||||
content: " (" attr(title) ")";
|
||||
}
|
||||
|
||||
|
@ -31,7 +31,7 @@
|
||||
@include border-radius($border-radius);
|
||||
@include box-shadow(inset 0 .1rem .1rem rgba(0,0,0,.1));
|
||||
}
|
||||
.progress[value]::-webkit-progress-value::before {
|
||||
.progress[value]::-webkit-progress-value:::before {
|
||||
content: attr(value);
|
||||
}
|
||||
.progress[value]::-webkit-progress-value {
|
||||
|
@ -22,8 +22,8 @@ html {
|
||||
}
|
||||
|
||||
*,
|
||||
*:before,
|
||||
*:after {
|
||||
*::before,
|
||||
*::after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
|
||||
|
@ -143,7 +143,7 @@ mark,
|
||||
line-height: $line-height;
|
||||
color: $blockquote-small-color;
|
||||
|
||||
&:before {
|
||||
&::before {
|
||||
content: "\2014 \00A0"; // em dash, nbsp
|
||||
}
|
||||
}
|
||||
@ -159,8 +159,8 @@ mark,
|
||||
|
||||
// Account for citation
|
||||
footer {
|
||||
&:before { content: ""; }
|
||||
&:after {
|
||||
&::before { content: ""; }
|
||||
&::after {
|
||||
content: "\00A0 \2014"; // nbsp, em dash
|
||||
}
|
||||
}
|
||||
|
@ -1,5 +1,5 @@
|
||||
@mixin clearfix() {
|
||||
&:after {
|
||||
&::after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
|
Loading…
x
Reference in New Issue
Block a user