Skip to content
This repository has been archived by the owner on Dec 1, 2019. It is now read-only.

Commit

Permalink
Reimplemented Template: Full Width with the new entry content structu…
Browse files Browse the repository at this point in the history 
…re (#1004)

* Reimplemented Template: Full Width with the new entry content structure

* Travis fixes

* Travis fix
  • Loading branch information
@andersnoren @pattonwebz
andersnoren authored and pattonwebz committed Nov 12, 2019
1 parent 00b904d commit b0170cc
Show file tree
Hide file tree
Showing 2 changed files with 162 additions and 10 deletions.
80 changes: 75 additions & 5 deletions style-rtl.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2248,18 +2248,50 @@ body.template-cover .entry-header {
/* 7c. Template: Full Width
/* -------------------------------------------------------------------------- */

body.template-full-width .entry-content {
max-width: none;

body.template-full-width .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide),
body.template-full-width [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
max-width: 120rem;
}

body.template-full-width .entry-content .alignleft {
body.template-full-width .entry-content .alignleft,
body.template-full-width .entry-content .alignright {
position: static;
}

body.template-full-width .entry-content .alignleft,
body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .alignleft,
body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignleft,
body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignleft {
margin-left: 0;
position: static;
}

body.template-full-width .entry-content .alignright {
body.template-full-width .entry-content > .alignleft,
body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft,
body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft,
body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft {
margin-left: 2rem;
position: static;
}

body.template-full-width .entry-content .alignright,
body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .alignright,
body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignright,
body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignright {
margin-right: 0;
position: static;
}

body.template-full-width .entry-content > .alignright,
body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright,
body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright,
body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright {
margin-right: 2rem;
position: static;
}


/* -------------------------------------------------------------------------- */

/* 8. Post: Archive
Expand Down Expand Up @@ -3106,7 +3138,7 @@ figure.wp-block-gallery.alignfull {

.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright {
max-width: 100%;
max-width: calc(100% - 4rem);
}

.wp-block-pullquote::before {
Expand Down Expand Up @@ -4802,6 +4834,29 @@ a.to-the-top > * {
width: 2.12rem;
}

/* Template: Full Width ------------------ */

body.template-full-width .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
width: calc(100% - 8rem);
}

body.template-full-width .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) {
padding-right: 4rem;
padding-left: 4rem;
}

body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft,
body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft,
body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft {
margin-left: 4rem;
}

body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright,
body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright,
body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright {
margin-right: 4rem;
}

/* Post: Archive ------------------------- */

.archive-header {
Expand Down Expand Up @@ -5946,6 +6001,21 @@ a.to-the-top > * {

}

@media ( min-width: 1240px ) {


/* Blocks -------------------------------- */

body.template-full-width .entry-content > .alignleft {
margin-left: calc(( 100vw - 120rem ) / 2);
}

body.template-full-width .entry-content > .alignright {
margin-right: calc(( 100vw - 120rem ) / 2);
}

}

@media ( min-width: 1280px ) {

/* Blocks -------------------------------- */
Expand Down
92 changes: 87 additions & 5 deletions style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2256,22 +2256,58 @@ body.template-cover .entry-header {
/* 7c. Template: Full Width
/* -------------------------------------------------------------------------- */

body.template-full-width .entry-content {
max-width: none;

body.template-full-width .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide),
body.template-full-width [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
max-width: 120rem;
}

body.template-full-width .entry-content .alignleft,
body.template-full-width .entry-content .alignright {
position: static;
}

body.template-full-width .entry-content .alignleft {
body.template-full-width .entry-content .alignleft,
body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .alignleft,
body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignleft,
body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignleft {

/*rtl:ignore*/
margin-left: 0;
position: static;
}

body.template-full-width .entry-content .alignright {
body.template-full-width .entry-content > .alignleft,
body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft,
body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft,
body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft {

/*rtl:ignore*/
margin-left: 2rem;
position: static;
}

body.template-full-width .entry-content .alignright,
body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .alignright,
body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignright,
body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignright {

/*rtl:ignore*/
margin-right: 0;
position: static;
}

body.template-full-width .entry-content > .alignright,
body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright,
body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright,
body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright {

/*rtl:ignore*/
margin-right: 2rem;
position: static;
}


/* -------------------------------------------------------------------------- */

/* 8. Post: Archive
Expand Down Expand Up @@ -3120,7 +3156,7 @@ figure.wp-block-gallery.alignfull {

.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright {
max-width: 100%;
max-width: calc(100% - 4rem);
}

.wp-block-pullquote::before {
Expand Down Expand Up @@ -4836,6 +4872,33 @@ a.to-the-top > * {
width: 2.12rem;
}

/* Template: Full Width ------------------ */

body.template-full-width .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
width: calc(100% - 8rem);
}

body.template-full-width .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) {
padding-left: 4rem;
padding-right: 4rem;
}

body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft,
body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft,
body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft {

/*rtl:ignore*/
margin-left: 4rem;
}

body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright,
body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright,
body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright {

/*rtl:ignore*/
margin-right: 4rem;
}

/* Post: Archive ------------------------- */

.archive-header {
Expand Down Expand Up @@ -5984,6 +6047,25 @@ a.to-the-top > * {

}

@media ( min-width: 1240px ) {


/* Blocks -------------------------------- */

body.template-full-width .entry-content > .alignleft {

/*rtl:ignore*/
margin-left: calc(( 100vw - 120rem ) / 2);
}

body.template-full-width .entry-content > .alignright {

/*rtl:ignore*/
margin-right: calc(( 100vw - 120rem ) / 2);
}

}

@media ( min-width: 1280px ) {

/* Blocks -------------------------------- */
Expand Down

0 comments on commit b0170cc

Please sign in to comment.