passage des :before/:after en ::before/::after

This commit is contained in:
raphaelgoettter 2015-03-30 09:34:07 +02:00
parent 788272745c
commit 285764c5f9
8 changed files with 15 additions and 15 deletions

View File

@ -17,7 +17,7 @@
/* blocks that must contain floats */
.clearfix,
.line {
&:after {
&::after {
content: "";
display: table;
clear: both;

View File

@ -87,12 +87,12 @@
}
/* displaying URLs */
a[href]:after {
a[href]::after {
content: " (" attr(href) ")";
}
a[href^="javascript:"]:after,
a[href^="#"]:after {
a[href^="javascript:"]::after,
a[href^="#"]::after {
content: "";
}
}

View File

@ -51,7 +51,7 @@ blockquote {
padding-left: 3em;
}
blockquote:before {
blockquote::before {
content: "\201C";
position: absolute;
left: 0;
@ -68,7 +68,7 @@ blockquote > footer {
color: rgba(0, 0, 0, .7);
}
blockquote > footer:before {
blockquote > footer::before {
content: "\2014 \0020";
}

View File

@ -76,7 +76,7 @@ Description: Reset styles for WordPress usage of KNACSS
.comment-content {
clear: both;
&:after, &:before {
&::after, &::before {
content: "";
display: table;
}

View File

@ -17,7 +17,7 @@
/* blocks that must contain floats */
.clearfix,
.line {
&:after {
&::after {
content: "";
display: table;
clear: both;

View File

@ -77,7 +77,7 @@
h3,
.h3-like,
caption {
page-break-after: avoid;
page-break-after: avoid;
}
a {
@ -86,12 +86,12 @@
}
/* displaying URLs */
a[href]:after {
a[href]::after {
content: " (" attr(href) ")";
}
a[href^="javascript:"]:after,
a[href^="#"]:after {
a[href^="javascript:"]::after,
a[href^="#"]::after {
content: "";
}
}

View File

@ -49,7 +49,7 @@ blockquote {
padding-left: 3em;
}
blockquote:before {
blockquote::before {
content: "\201C";
position: absolute;
left: 0;
@ -66,7 +66,7 @@ blockquote > footer {
color: rgba(0, 0, 0, .7);
}
blockquote > footer:before {
blockquote > footer::before {
content: "\2014 \0020";
}

View File

@ -76,7 +76,7 @@ Description: Reset styles for WordPress usage of KNACSS
.comment-content {
clear: both;
&:after, &:before {
&::after, &::before {
content: "";
display: table;
}