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,37 +1,40 @@
<?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 while ( have_posts() ) : the_post(); $index++; ?>
<section class="Grid-article">
<article class="Article">
<div class="Article-date">
<svg class="Icon">
<section class="page__article">
<article class="article">
<div class="article__date">
<svg class="icon">
<use href="#icon-calendar"></use>
</svg>
<span class="Article-dateText">
<span class="article__date-text">
<?php the_time(get_option('date_format')) ?>
</span>
</div>
<h1 class="Article-title">
<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>
<section class="Grid-metadata<?php echo ($index === 1 ? ' is-first' : '') ?>">
<section class="page__metadata<?php echo ($index === 1 ? ' is-first' : '') ?>">
<?php get_template_part('partials/metadata') ?>
<div class="page__advert">
<?php get_template_part('partials/ad_wide_skyscraper') ?>
</div>
</section>
<?php endwhile; ?>
<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>