Antoine/homegrade_theme_production
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

introducing component

Browse Source
This commit is contained in:
Antoine M 2024-01-10 16:50:21 +01:00
parent 5224d50b23
commit 41a40c007c
2 changed files with 39 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
template-components/heading-box--job.php
View File

@ -10,13 +10,13 @@ $subtitle = $args['subtitle'] ?? null;
?>
<div class="heading-box heading-box--news ">
<div class="heading-box heading-box--jobs ">
<div class="heading-box--news__content">
<div class="heading-box--jobs__content">
<?php if ($subtitle) : ?>
<h2 class="heading-box__subtitle heading-box--news__type"><?php echo $subtitle ?></h2>
<h2 class="heading-box__subtitle heading-box--jobs__type"><?php echo $subtitle ?></h2>
<?php endif; ?>
<h1 class="heading-box__title heading-box--news__title"> <?php echo $title ?></h1>
<h1 class="heading-box__title heading-box--jobs__title"> <?php echo $title ?></h1>
<?php

35
template-components/heading-box--jobs.css Normal file
View File

@ -0,0 +1,35 @@
.heading-box--jobs {
@apply mt-8
flex
relative
flex-nowrap
justify-between;
.post-infos-capsule {
@apply mt-8;
}
&__type {
@apply !text-xl !my-0 !tracking-widest font-bold;
}
&__title {
@apply !text-4xl font-bold;
}
&__page-icon {
@apply mx-auto w-28 absolute top-0 left-1/2;
transform: translate(-50%, -50%);
}
&__content {
flex-shrink: 1;
flex-grow: 2;
}
&__thumbnail {
@apply w-80 h-56 object-cover
rounded-3xl
hidden
lg:block;
flex-shrink: 2;
}
}