Add fixed verion of logo and metadata
This commit is contained in:
@@ -19,7 +19,7 @@
|
|||||||
margin-bottom: var(--space-sm);
|
margin-bottom: var(--space-sm);
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (--viewport-md) {
|
@media (--viewport-lg) {
|
||||||
.article__date {
|
.article__date {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -60,7 +60,6 @@
|
|||||||
.excerpt__audio {
|
.excerpt__audio {
|
||||||
display: block;
|
display: block;
|
||||||
margin-bottom: var(--space-sm);
|
margin-bottom: var(--space-sm);
|
||||||
background-color: var(--color-light-blue);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.excerpt__image {
|
.excerpt__image {
|
||||||
|
|||||||
14
css/logo.css
14
css/logo.css
@@ -2,6 +2,20 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (--viewport-lg) {
|
||||||
|
.is-fixed .logo {
|
||||||
|
position: fixed;
|
||||||
|
width: 168px;
|
||||||
|
z-index: 10;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (--viewport-xl) {
|
||||||
|
.is-fixed .logo {
|
||||||
|
width: 224px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.logo__link {
|
.logo__link {
|
||||||
display: block;
|
display: block;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
|||||||
@@ -25,6 +25,10 @@
|
|||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.is-fixed .metadata {
|
||||||
|
position: fixed;
|
||||||
|
}
|
||||||
|
|
||||||
.metadata__item {
|
.metadata__item {
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
@@ -36,7 +40,7 @@
|
|||||||
margin-bottom: var(--space-sm);
|
margin-bottom: var(--space-sm);
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (--viewport-md) {
|
@media (--viewport-lg) {
|
||||||
.metadata__item--light {
|
.metadata__item--light {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<?php get_header() ?>
|
<?php get_header() ?>
|
||||||
<main class="page">
|
<main class="page">
|
||||||
<section class="page__logo">
|
<section class="page__logo is-fixed">
|
||||||
<?php get_template_part('partials/logo') ?>
|
<?php get_template_part('partials/logo') ?>
|
||||||
</section>
|
</section>
|
||||||
<section class="page__content">
|
<section class="page__content">
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<?php get_header(); the_post(); ?>
|
<?php get_header(); the_post(); ?>
|
||||||
<main class="page">
|
<main class="page">
|
||||||
<section class="page__logo">
|
<section class="page__logo is-fixed">
|
||||||
<?php get_template_part('partials/logo') ?>
|
<?php get_template_part('partials/logo') ?>
|
||||||
</section>
|
</section>
|
||||||
<section class="page__content">
|
<section class="page__content">
|
||||||
|
|||||||
@@ -5,7 +5,7 @@ $query = $_GET['s'];
|
|||||||
$results = $wp_query->found_posts;
|
$results = $wp_query->found_posts;
|
||||||
?>
|
?>
|
||||||
<main class="page">
|
<main class="page">
|
||||||
<section class="page__logo">
|
<section class="page__logo is-fixed">
|
||||||
<?php get_template_part('partials/logo') ?>
|
<?php get_template_part('partials/logo') ?>
|
||||||
</section>
|
</section>
|
||||||
<section class="page__content">
|
<section class="page__content">
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<?php get_header(); ?>
|
<?php get_header(); ?>
|
||||||
<main class="page">
|
<main class="page">
|
||||||
<section class="page__logo">
|
<section class="page__logo is-fixed">
|
||||||
<?php get_template_part('partials/logo') ?>
|
<?php get_template_part('partials/logo') ?>
|
||||||
</section>
|
</section>
|
||||||
<?php if (have_posts()): while (have_posts()) : the_post(); ?>
|
<?php if (have_posts()): while (have_posts()) : the_post(); ?>
|
||||||
@@ -24,7 +24,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
</section>
|
</section>
|
||||||
<section class="page__metadata">
|
<section class="page__metadata is-fixed">
|
||||||
<?php get_template_part('partials/metadata') ?>
|
<?php get_template_part('partials/metadata') ?>
|
||||||
</section>
|
</section>
|
||||||
<section class="page__comments">
|
<section class="page__comments">
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<?php get_header() ?>
|
<?php get_header() ?>
|
||||||
<main class="page">
|
<main class="page">
|
||||||
<section class="page__logo">
|
<section class="page__logo is-fixed">
|
||||||
<?php get_template_part('partials/logo') ?>
|
<?php get_template_part('partials/logo') ?>
|
||||||
</section>
|
</section>
|
||||||
<section class="page__content">
|
<section class="page__content">
|
||||||
|
|||||||
Reference in New Issue
Block a user