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="container">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col-lg-7 title-wrapper"> <div class="col-lg-7 title-wrapper">
...@@ -7,14 +7,14 @@ ...@@ -7,14 +7,14 @@
</div> </div>
<?php if ($link = get_field('link')): <?php if ($link = get_field('link')):
$link_target = $link['target'] ? $link['target'] : '_self'; ?> $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"> <a href="<?php echo $link['url']; ?>" target="_blank" class="open-in-new-tab d-none d-lg-inline-block">
<?php echo $link['title']; ?> <?php echo $link['title']; ?>
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path <path
d="M14.3379 4.552L2.8619 16.028L0.976562 14.1427L12.4512 2.66667H2.3379V0H17.0046V14.6667H14.3379V4.552Z" d="M14.3379 4.552L2.8619 16.028L0.976562 14.1427L12.4512 2.66667H2.3379V0H17.0046V14.6667H14.3379V4.552Z"
fill="#005AFF" /> fill="#005AFF" />
</svg> </svg>
</a> </a>
<?php endif; ?> <?php endif; ?>
</div> </div>
<div class="col-lg-4"> <div class="col-lg-4">
...@@ -26,24 +26,24 @@ ...@@ -26,24 +26,24 @@
<?php <?php
$sof_title = get_field('sof_title')?:'Scope of Work'; $sof_title = get_field('sof_title')?:'Scope of Work';
if ($scope = get_field('scope_of_work')): ?> if ($scope = get_field('scope_of_work')): ?>
<div class="scope-work-wrapper"> <div class="scope-work-wrapper">
<?php if (!empty($sof_title)): ?><span class="sm-text"><?php echo $sof_title; ?></span><?php endif; ?> <?php if (!empty($sof_title)): ?><span class="sm-text"><?php echo $sof_title; ?></span><?php endif; ?>
<ul class="list-unstyled"> <ul class="list-unstyled">
<?php echo $scope; ?> <?php echo $scope; ?>
</ul> </ul>
</div> </div>
<?php endif; ?> <?php endif; ?>
</div> </div>
</div> </div>
<?php if ($link = get_field('link')): <?php if ($link = get_field('link')):
$link_target = $link['target'] ? $link['target'] : '_self'; ?> $link_target = $link['target'] ? $link['target'] : '_self'; ?>
<a href="<?php echo $link['url']; ?>" target="_blank" class="open-in-new-tab d-lg-none"> <a href="<?php echo $link['url']; ?>" target="_blank" class="open-in-new-tab d-lg-none">
<?php echo $link['title']; ?> <?php echo $link['title']; ?>
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <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" <path d="M14.3379 4.552L2.8619 16.028L0.976562 14.1427L12.4512 2.66667H2.3379V0H17.0046V14.6667H14.3379V4.552Z"
fill="#005AFF" /> fill="#005AFF" />
</svg> </svg>
</a> </a>
<?php endif; ?> <?php endif; ?>
</div> </div>
</section> </section>
\ No newline at end of file
dev/sass/base/_makura-new.scss
...@@ -191,6 +191,22 @@ footer { ...@@ -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) { @media (min-width: 768px) {
.makura-new { .makura-new {
.section-title { .section-title {
......
dev/sass/pages/_portfolio.scss
...@@ -21,6 +21,9 @@ ...@@ -21,6 +21,9 @@
font-weight: 400; font-weight: 400;
margin: 0; margin: 0;
} }
a {
color: $white;
}
} }
.client-logo-wrapper { .client-logo-wrapper {
margin-bottom: 48px; margin-bottom: 48px;
...@@ -34,7 +37,8 @@ ...@@ -34,7 +37,8 @@
margin-bottom: 16px; margin-bottom: 16px;
text-transform: uppercase; text-transform: uppercase;
letter-spacing: -0.6px; letter-spacing: -0.6px;
opacity: 0.5; opacity: 0.7;
color: $white;
} }
} }
.open-in-new-tab { .open-in-new-tab {
...@@ -433,8 +437,8 @@ ...@@ -433,8 +437,8 @@
//FINAL-THOUGHT-SECTION //FINAL-THOUGHT-SECTION
.FINAL-THOUGHT-SECTION { .FINAL-THOUGHT-SECTION {
.share-article{ .share-article {
p{ p {
color: $background-dark; 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