Refactor CSS to BEM

Update dependencies
Improve focus and hover states
This commit is contained in:
2018-12-09 14:52:01 +00:00
parent e9f1f6e2fa
commit 6e62b55e60
34 changed files with 3934 additions and 2384 deletions

View File

@@ -1,36 +1,36 @@
<?php get_header(); ?>
<main class="Grid">
<section class="Grid-logo">
<main class="page">
<section class="page__logo">
<?php get_template_part('partials/logo') ?>
</section>
<?php if (have_posts()): while (have_posts()) : the_post(); ?>
<section class="Grid-article">
<article class="Article">
<h1 class="Article-title">
<section class="page__article">
<article class="article">
<h1 class="article__title">
<a href="<?php the_permalink(); ?>">
<?php the_title(); ?>
</a>
</h1>
<div class="Article-content">
<div class="article__content">
<?php the_content(__('Continue reading <span class="meta-nav">&raquo;</span>', 'windycoys')); ?>
</div>
</article>
</section>
<?php endwhile; ?>
<?php else: ?>
<section class="Grid-article">
<article class="Article">
<h1 class="Article-title">Sorry, there is no article to display</h1>
<div class="Article-content">
<a class="Link" href="<?php get_site_url() ?>/">Go back home</a>
<section class="page__article">
<article class="article">
<h1 class="article__title">Sorry, there is no article to display</h1>
<div class="article__content">
<a class="link" href="<?php get_site_url() ?>/">Go back home</a>
</div>
</article>
</section>
<?php endif; ?>
<section class="Grid-banner">
<section class="page__banner">
<?php get_template_part('partials/banner') ?>
</section>
<section class="Grid-footer">
<section class="page__footer">
<?php get_template_part('partials/footer') ?>
</section>
</main>