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

Replace all .styl files with .scss, move all component files into separate folder

Browse Source 
[MAILPOET-1813]
This commit is contained in:
Ján Mikláš
2019-02-20 15:06:34 +01:00
committed by M. Shull
parent c9c6c0651e
commit d6e2365fb0
123 changed files with 5060 additions and 4046 deletions
Download Patch File Download Diff File Expand all files Collapse all files

92
assets/css/src/components/newsletterEditor/contentBlocks/_container.scss Normal file
View File

@ -0,0 +1,92 @@
$column-margin: 20px;
$one-column-width: $newsletter-width - (2 * $column-margin);
$two-column-width: $newsletter-width / 2 - (2 * $column-margin);
$three-column-width: $newsletter-width / 3 - (2 * $column-margin);
$two-column-wider-column-width: $newsletter-width / 3 - $column-margin * 2;
.mailpoet_container {
width: 100%;
min-height: 15px;
position: relative;
}
.mailpoet_container_block {
margin-left: 0;
margin-right: 0;
position: relative;
box-sizing: border-box;
border: 0;
padding-left: 0;
padding-right: 0;
&:hover > .mailpoet_block_highlight {
border: 0;
}
}
.mailpoet_container_vertical > * {
width: 100%;
box-sizing: border-box;
}
.mailpoet_container_horizontal > * {
vertical-align: top;
}
#mailpoet_editor_content {
.mailpoet_container {
box-sizing: border-box;
float: left;
}
& > .mailpoet_container_block {
width: $newsletter-width;
border: 0;
}
& > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block {
margin-bottom: 0;
}
.mailpoet_container_horizontal > .mailpoet_container_block {
margin-bottom: 0;
width: $column-margin + $one-column-width + $column-margin;
}
& > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal,
& > .mailpoet_container_block > .mailpoet_container > .mailpoet_posts_block > .mailpoet_posts_container > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal,
& > .mailpoet_container_block > .mailpoet_container .mailpoet_automated_latest_content_block_posts .mailpoet_container_horizontal {
& > .mailpoet_block:first-child:nth-last-child(2),
& > .mailpoet_block:first-child:nth-last-child(2) ~ .mailpoet_block {
width: $column-margin + $two-column-width + $column-margin;
}
& > .mailpoet_block:first-child:nth-last-child(3),
& > .mailpoet_block:first-child:nth-last-child(3) ~ .mailpoet_block {
width: $column-margin + $three-column-width + $column-margin;
}
}
& > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal.mailpoet_irregular_width_contents_container.column_layout_1_2 > .mailpoet_container_block:first-child,
& > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal.mailpoet_irregular_width_contents_container.column_layout_2_1 > .mailpoet_container_block:nth-child(2) {
width: $column-margin + $three-column-width + $column-margin;
}
& > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal.mailpoet_irregular_width_contents_container.column_layout_2_1 > .mailpoet_container_block:first-child,
& > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal.mailpoet_irregular_width_contents_container.column_layout_1_2 > .mailpoet_container_block:nth-child(2) {
width: $column-margin + $two-column-wider-column-width + $column-margin;
}
}
.mailpoet_container_empty {
text-align: center;
background-color: #f2f2f2;
margin: 20px;
padding: 15px;
box-shadow: inset 1px 2px 1px $primary-inactive-color;
color: #656565;
border-radius: 3px;
@include animation-background-color();
}