maverick/flex-template-web
1
0
Fork 0
mirror of https://github.com/kingomarnajjar/flex-template-web.git synced 2026-07-31 02:26:50 +10:00
Code Issues Projects Releases Packages Wiki Activity Actions

Include :after pseudo element in property set

Browse source
This commit is contained in:
Hannu Lyytikainen 2017-11-14 16:20:52 +02:00
parent 565a2c07c6
commit ecba2bb679
2 changed files with 9 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/components/Messages/Messages.css
View file

@ -2,15 +2,17 @@
.root { .root {
margin: 0; margin: 0;
}
.root:after { /* Clearfix */
@apply --clearfix; @apply --clearfix;
} }
.messageItem { .messageItem {
margin-bottom: 35px; margin-bottom: 35px;
/* Clearfix */
@apply --clearfix;
@media (--viewportMedium) { @media (--viewportMedium) {
margin-bottom: 40px; margin-bottom: 40px;
} }
@ -20,10 +22,6 @@
} }
} }
.messageItem:after {
@apply --clearfix;
}
.message, .message,
.ownMessage { .ownMessage {
/* Preserve newlines, but collapse other whitespace */ /* Preserve newlines, but collapse other whitespace */

10
src/marketplace.css
View file

@ -98,12 +98,12 @@
/* ================ Clearfix solution ================ */ /* ================ Clearfix solution ================ */
/* Apply to an :after pseudo element of the container where
* the clearfix effect is desired */
--clearfix { --clearfix {
content: ''; &:after {
display: table; content: '';
clear: both; display: table;
clear: both;
}
} }
/* ================ Links ================ */ /* ================ Links ================ */