ascribe/wp-theme
1
0
Fork 0
mirror of https://github.com/ascribe/wp-theme synced 2024-12-22 09:13:38 +01:00
Code Issues Releases Wiki Activity

introduce layout container for better control

Browse Source
This commit is contained in:
Matthias Kretschmann 2015-12-12 19:51:58 +01:00
parent 417bd70682
commit 5fc75a09fb
4 changed files with 37 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
assets/css/ascribe.css
View File

@ -2195,13 +2195,9 @@ header + .chevron-divider {
-webkit-align-items: center; -webkit-align-items: center;
-ms-flex-align: center; -ms-flex-align: center;
align-items: center; align-items: center;
} -webkit-justify-content: center;
.cta .cta__title { -ms-flex-pack: center;
color: #fff; justify-content: center;
margin: 0 0 48px 0;
}
.cta .cta__button {
margin: 0 auto;
} }
@media screen and (min-width: 600px) { @media screen and (min-width: 600px) {
.cta { .cta {
@ -2210,6 +2206,19 @@ header + .chevron-divider {
background-position: center; background-position: center;
} }
} }
.cta .cta__container {
padding: 0 4%;
margin: auto;
max-width: 960px;
}
.cta .cta__title {
color: #fff;
margin: 0 0 48px 0;
text-align: center;
}
.cta .cta__button {
margin: 0 auto;
}
.galleries-marketplaces { .galleries-marketplaces {
padding: 145px 0 130px; padding: 145px 0 130px;
text-align: center; text-align: center;

2
assets/css/ascribe.min.css vendored
View File

File diff suppressed because one or more lines are too long

21
assets/css/less/ascribe.less
View File

@ -904,21 +904,32 @@ header + .chevron-divider {
// centering from the future // centering from the future
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center;
@media screen and (min-width: @phoneWidth) {
padding: 40px 0;
min-height: 520px;
background-position: center;
}
// TODO: this should be the generic layout container for everything
.cta__container {
padding: 0 4%;
margin: auto;
max-width: 960px;
}
.cta__title { .cta__title {
color: #fff; color: #fff;
margin: 0 0 48px 0; margin: 0 0 48px 0;
text-align: center;
} }
.cta__button { .cta__button {
margin: 0 auto; margin: 0 auto;
} }
@media screen and (min-width: @phoneWidth) {
padding: 40px 0;
min-height: 520px;
background-position: center;
}
} }

6
controller/classes/Subtemplate.php
View File

@ -306,8 +306,10 @@ class Subtemplate {
$result = "<section class='subtemplate cta' style='background-image: url({$backgroundImg})'> $result = "<section class='subtemplate cta' style='background-image: url({$backgroundImg})'>
{$ctaTitle} <div class='cta__container'>
<a href='{$ctaLink}' class='cta__button button blue-overPic'>{$ctaText}</a> {$ctaTitle}
<a href='{$ctaLink}' class='cta__button button blue-overPic'>{$ctaText}</a>
</div>
</section>"; </section>";
return $result; return $result;