beenull/themes-wordpress
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add support for wide and full alignment when no sidebar is active.

Browse source
This commit is contained in:
Caroline Moore 2018-11-12 09:19:08 -05:00
parent 897914a79d
commit f6fdc7c611
1 changed files with 56 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

56
publication/blocks.css
View file

@ -18,6 +18,62 @@ Description: Used to style Gutenberg Blocks.
1.0 General Block Styles
--------------------------------------------------------------*/
/* Alignments */
.no-sidebar #page {
overflow-x: hidden;
}
/* Full Width */
.no-sidebar .alignfull {
width: 100vw;
max-width: 100vw;
margin-left: 0;
margin-right: 0;
position: relative;
left: 50%;
transform: translateX( -50% );
}
.no-sidebar .wp-block-columns.alignfull,
.no-sidebar .wp-block-latest-comments.alignfull,
.no-sidebar .wp-block-categories.alignfull,
.no-sidebar .wp-block-archives.alignfull,
.no-sidebar .wp-block-latest-posts.alignfull,
.no-sidebar .wp-block-file.alignfull {
padding-left: 2em;
padding-right: 2em;
}
.no-sidebar .wp-block-embed.is-type-video.alignfull iframe {
width: 100% !important;
height: 100% !important;
}
.rtl.no-sidebar .alignfull {
left: auto;
right: 50%;
transform: translateX(50%);
}
/* Wide Width */
@media (min-width: 1024px) {
.no-sidebar .alignwide {
width: 120%;
max-width: 120%;
margin-left: -10%;
margin-right: -10%;
position: relative;
}
.no-sidebar .wp-block-embed.is-type-video.alignwide iframe {
width: 100% !important;
height: 100% !important;
}
}
/* Captions */
[class^="wp-block-"] figcaption {