tec3/five-for-the-future
tec3/five-for-the-future
1
0
Fork 0
mirror of https://github.com/WordPress/five-for-the-future.git synced 2025-07-01 08:41:18 +03:00
Code Issues Actions Packages Projects Releases Wiki Activity

Move layout-related code to separate component files

Browse source
This commit is contained in:
Kelly Dwan 2019-10-07 17:11:35 -04:00
parent 3ebc219416
commit b08effbe8b
No known key found for this signature in database
GPG key ID: 8BA5575F3D11575D
5 changed files with 55 additions and 41 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

50
themes/wporg-5ftf/archive.php
View file

@ -10,43 +10,41 @@ if ( ! have_posts() ) {
get_header(); ?>
<div id="primary" class="content-area">
<main id="main" class="site-main" role="main">
<main id="main" class="site-main" role="main">
<?php if ( have_posts() ) : ?>
<header class="page-header">
<?php
the_archive_title( '<h1 class="page-title">', '</h1>' );
the_archive_description( '<div class="taxonomy-description">', '</div>' );
?>
</header><!-- .page-header -->
<?php if ( have_posts() ) : ?>
<header class="page-header">
<?php
the_archive_title( '<h1 class="page-title">', '</h1>' );
the_archive_description( '<div class="taxonomy-description">', '</div>' );
?>
</header><!-- .page-header -->
while ( have_posts() ) :
the_post();
<?php
/*
* Include the Post-Format-specific template for the content.
* If you want to override this in a child theme, then include a file
* called content-___.php (where ___ is the Post Format name) and that will be used instead.
*/
get_template_part( 'template-parts/content', 'page' );
while ( have_posts() ) :
the_post();
endwhile;
/*
* Include the Post-Format-specific template for the content.
* If you want to override this in a child theme, then include a file
* called content-___.php (where ___ is the Post Format name) and that will be used instead.
*/
get_template_part( 'template-parts/content', 'page' );
the_posts_pagination();
endwhile;
else :
the_posts_pagination();
get_template_part( 'template-parts/content', 'none' );
else :
endif;
?>
get_template_part( 'template-parts/content', 'none' );
</main><!-- #main -->
</div><!-- #primary -->
endif;
?>
</main><!-- #main -->
<?php
get_footer();

2
themes/wporg-5ftf/css/components/_components.scss
View file

@ -22,4 +22,6 @@
@import "about";
@import "entry-content";
@import "page";
@import "site-content";
@import "site-title";
@import "wporg-header";

15
themes/wporg-5ftf/css/components/_page.scss
View file

@ -1,19 +1,4 @@
body.page:not(.home) {
.site-title a {
color: #fff;
text-decoration: none;
&:hover,
&:active {
color: #fff;
}
}
.site-main {
margin: 0 auto;
padding: 0 ms( 2 );
max-width: calc( #{ $size__content-width } + #{ ms( 2 ) * 2 } );
}
.entry-header {
background: none;

14
themes/wporg-5ftf/css/components/_site-content.scss Normal file
View file

@ -0,0 +1,14 @@
.site-content {
body:not(.home) & {
margin: auto;
max-width: none;
padding: 0;
.site-main {
margin: 0 auto;
padding: 0 ms( 2 );
max-width: calc( #{ $size__content-width } + #{ ms( 2 ) * 2 } );
}
}
}

15
themes/wporg-5ftf/css/components/_site-title.scss Normal file
View file

@ -0,0 +1,15 @@
.site-title {
body:not(.home) & {
a {
color: #fff;
text-decoration: none;
&:hover,
&:active {
color: #fff;
}
}
}
}