Skip to content

M
makura-2025
Commit 7e051e19 by jhukal9@gmail.com
Options

top primary bg adapt the bg color of its sibling element

parent 1e5c52e0
Showing with 46 additions and 25 deletions
assets/css/style.css
This source diff could not be displayed because it is too large. You can view the blob instead.
blocks/portfolio-banner.php
<section class="background-dark pb-60 PD-TOP-SECTION makura-new">
<section class="bg-primary pb-60 PD-TOP-SECTION makura-new">
<div class="container">
<div class="row justify-content-between">
<div class="col-lg-7 title-wrapper">
......@@ -7,14 +7,14 @@
</div>
<?php if ($link = get_field('link')):
$link_target = $link['target'] ? $link['target'] : '_self'; ?>
<a href="<?php echo $link['url']; ?>" target="_blank" class="open-in-new-tab d-none d-lg-inline-block">
<?php echo $link['title']; ?>
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M14.3379 4.552L2.8619 16.028L0.976562 14.1427L12.4512 2.66667H2.3379V0H17.0046V14.6667H14.3379V4.552Z"
fill="#005AFF" />
</svg>
</a>
<a href="<?php echo $link['url']; ?>" target="_blank" class="open-in-new-tab d-none d-lg-inline-block">
<?php echo $link['title']; ?>
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M14.3379 4.552L2.8619 16.028L0.976562 14.1427L12.4512 2.66667H2.3379V0H17.0046V14.6667H14.3379V4.552Z"
fill="#005AFF" />
</svg>
</a>
<?php endif; ?>
</div>
<div class="col-lg-4">
......@@ -26,24 +26,24 @@
<?php
$sof_title = get_field('sof_title')?:'Scope of Work';
if ($scope = get_field('scope_of_work')): ?>
<div class="scope-work-wrapper">
<?php if (!empty($sof_title)): ?><span class="sm-text"><?php echo $sof_title; ?></span><?php endif; ?>
<ul class="list-unstyled">
<?php echo $scope; ?>
</ul>
</div>
<div class="scope-work-wrapper">
<?php if (!empty($sof_title)): ?><span class="sm-text"><?php echo $sof_title; ?></span><?php endif; ?>
<ul class="list-unstyled">
<?php echo $scope; ?>
</ul>
</div>
<?php endif; ?>
</div>
</div>
<?php if ($link = get_field('link')):
$link_target = $link['target'] ? $link['target'] : '_self'; ?>
<a href="<?php echo $link['url']; ?>" target="_blank" class="open-in-new-tab d-lg-none">
<?php echo $link['title']; ?>
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.3379 4.552L2.8619 16.028L0.976562 14.1427L12.4512 2.66667H2.3379V0H17.0046V14.6667H14.3379V4.552Z"
fill="#005AFF" />
</svg>
</a>
<a href="<?php echo $link['url']; ?>" target="_blank" class="open-in-new-tab d-lg-none">
<?php echo $link['title']; ?>
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.3379 4.552L2.8619 16.028L0.976562 14.1427L12.4512 2.66667H2.3379V0H17.0046V14.6667H14.3379V4.552Z"
fill="#005AFF" />
</svg>
</a>
<?php endif; ?>
</div>
</section>
\ No newline at end of file
dev/sass/base/_makura-new.scss
......@@ -191,6 +191,22 @@ footer {
}
}
.none {
+ .top-primary {
&::before {
background-color: $white;
}
}
}
.background-dark {
+ .top-primary {
&::before {
background-color: $background-dark;
}
}
}
@media (min-width: 768px) {
.makura-new {
.section-title {
......
dev/sass/pages/_portfolio.scss
......@@ -21,6 +21,9 @@
font-weight: 400;
margin: 0;
}
a {
color: $white;
}
}
.client-logo-wrapper {
margin-bottom: 48px;
......@@ -34,7 +37,8 @@
margin-bottom: 16px;
text-transform: uppercase;
letter-spacing: -0.6px;
opacity: 0.5;
opacity: 0.7;
color: $white;
}
}
.open-in-new-tab {
......@@ -433,8 +437,8 @@
//FINAL-THOUGHT-SECTION
.FINAL-THOUGHT-SECTION {
.share-article{
p{
.share-article {
p {
color: $background-dark;
}
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment