Refactor CSS to BEM
Update dependencies Improve focus and hover states
This commit is contained in:
@@ -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">»</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>
|
||||
|
||||
Reference in New Issue
Block a user