Cavemanon/piratepoet
8
Fork 0
Code Pull Requests Actions Releases 16 Activity

Remove unnecessary CSS class nesting

Browse Source 
[MAILPOET-2792]
This commit is contained in:
Jan Jakeš
2020-06-17 13:17:24 +02:00
committed by Veljko V
parent bb3ac3c179
commit eba90309bd
1 changed files with 124 additions and 124 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
assets/css/src/components-plugin/_premium-page.scss
View File

@@ -30,7 +30,14 @@
} }
} }
.mailpoet-premium-page-intro { @include breakpoint-max-width(1100px) {
h2 {
font-size: 2em; // The text WooCommerce is too long and so on smaller displays it overflows. This helps.
}
}
}
.mailpoet-premium-page-intro {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
margin-bottom: 3em; margin-bottom: 3em;
@@ -60,16 +67,16 @@
text-align: center; text-align: center;
} }
} }
} }
.mailpoet-premium-page-bullet-list { .mailpoet-premium-page-bullet-list {
li:before { li:before {
content: '·'; content: '·';
padding-right: 5px; padding-right: 5px;
} }
} }
.mailpoet-premium-page-text { .mailpoet-premium-page-text {
padding-bottom: 4em; padding-bottom: 4em;
text-align: center; text-align: center;
@@ -84,14 +91,14 @@
.mailpoet-premium-page-paragraph-before-heading + h1 { .mailpoet-premium-page-paragraph-before-heading + h1 {
margin-top: 0; margin-top: 0;
} }
} }
.mailpoet-premium-page-text-narrow { .mailpoet-premium-page-text-narrow {
margin: auto; margin: auto;
max-width: 700px; max-width: 700px;
} }
.mailpoet-premium-page-features { .mailpoet-premium-page-features {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
@@ -113,9 +120,9 @@
text-align: left; text-align: left;
} }
} }
} }
.mailpoet-premium-page-options { .mailpoet-premium-page-options {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
@@ -148,15 +155,8 @@
padding-right: 5px; padding-right: 5px;
} }
} }
} }
.mailpoet-premium-page-options-divider { .mailpoet-premium-page-options-divider {
flex-grow: 100; flex-grow: 100;
}
@include breakpoint-max-width(1100px) {
h2 {
font-size: 2em; // The text WooCommerce is too long and so on smaller displays it overflows. This helps.
}
}
} }