Merge pull request #807 from Automattic/752-columns_block_responsive_widths

752 columns block responsive widths
This commit is contained in:
Jeffrey Pearce 2019-05-16 14:38:54 +02:00 committed by GitHub
commit db0421272f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
14 changed files with 4726 additions and 7561 deletions

View file

@ -814,7 +814,7 @@
padding-right: $size__spacing-unit;
}
@include media(tablet) {
@include media(tabletalt) {
.wp-block-column > * {
&:first-child {

View file

@ -12,6 +12,12 @@
}
}
@if tabletalt == $res {
@media only screen and (min-width: $tablet_alt_width) {
@content;
}
}
@if desktop == $res {
@media only screen and (min-width: $desktop_width) {
@content;

View file

@ -12,6 +12,7 @@ $size__site-desktop-content: calc(6 * (100vw / 12) - 28px);
$mobile_width: 600px;
$tablet_width: 768px;
$tablet_alt_width: 782px;
$desktop_width: 1168px;
$wide_width: 1379px;

View file

@ -19,8 +19,7 @@ html[lang="ckb"] .wp-block *,
html[lang="fa-IR"] .wp-block *,
html[lang="haz"] .wp-block *,
html[lang="ps"] .wp-block * {
font-family: Tahoma, Arial, sans-serif !important;
}
font-family: Tahoma, Arial, sans-serif !important; }
/* Cyrillic */
html[lang="be"] .wp-block *,
@ -33,63 +32,51 @@ html[lang="sah"] .wp-block *,
html[lang="sr-RS"] .wp-block *,
html[lang="tt-RU"] .wp-block *,
html[lang="uk"] .wp-block * {
font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, sans-serif !important;
}
font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, sans-serif !important; }
/* Chinese (Hong Kong) */
html[lang="zh-HK"] .wp-block * {
font-family: -apple-system, BlinkMacSystemFont, 'PingFang HK', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
}
font-family: -apple-system, BlinkMacSystemFont, 'PingFang HK', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important; }
/* Chinese (Taiwan) */
html[lang="zh-TW"] .wp-block * {
font-family: -apple-system, BlinkMacSystemFont, 'PingFang TC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
}
font-family: -apple-system, BlinkMacSystemFont, 'PingFang TC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important; }
/* Chinese (China) */
html[lang="zh-CN"] .wp-block * {
font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
}
font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important; }
/* Devanagari */
html[lang="bn-BD"] .wp-block *,
html[lang="hi-IN"] .wp-block *,
html[lang="mr"] .wp-block *,
html[lang="ne-NP"] .wp-block * {
font-family: Arial, sans-serif !important;
}
font-family: Arial, sans-serif !important; }
/* Greek */
html[lang="el"] .wp-block * {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; }
/* Gujarati */
html[lang="gu"] .wp-block * {
font-family: Arial, sans-serif !important;
}
font-family: Arial, sans-serif !important; }
/* Hebrew */
html[lang="he-IL"] .wp-block * {
font-family: 'Arial Hebrew', Arial, sans-serif !important;
}
font-family: 'Arial Hebrew', Arial, sans-serif !important; }
/* Japanese */
html[lang="ja"] .wp-block * {
font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif !important;
}
font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif !important; }
/* Korean */
html[lang="ko-KR"] .wp-block * {
font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', 'Nanum Gothic', Dotum, sans-serif !important;
}
font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', 'Nanum Gothic', Dotum, sans-serif !important; }
/* Thai */
html[lang="th"] .wp-block * {
font-family: 'Sukhumvit Set', 'Helvetica Neue', helvetica, arial, sans-serif !important;
}
font-family: 'Sukhumvit Set', 'Helvetica Neue', helvetica, arial, sans-serif !important; }
/* Vietnamese */
html[lang="vi"] .wp-block * {
font-family: 'Libre Franklin', sans-serif !important;
}
font-family: 'Libre Franklin', sans-serif !important; }

File diff suppressed because it is too large Load diff

View file

@ -12,8 +12,7 @@
.site-main #infinite-handle span button:hover,
.site-main #infinite-handle span button:focus {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
background: #c43d80;
}
background: #c43d80; }
.site-main #infinite-handle span button,
.site-main #infinite-handle span button:hover,
@ -21,44 +20,37 @@
div.sharedaddy > *,
#content div.sharedaddy > *,
#main div.sharedaddy > * {
margin-bottom: 1rem;
}
margin-bottom: 1rem; }
.entry div.sharedaddy h3.sd-title,
.entry h3.sd-title {
font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif;
letter-spacing: normal;
}
letter-spacing: normal; }
.entry div.sharedaddy h3.sd-title:before,
.entry h3.sd-title:before,
.entry #jp-relatedposts h3.jp-relatedposts-headline:before {
display: none;
}
display: none; }
/**
* Related Posts
*/
.entry #jp-relatedposts h3.jp-relatedposts-headline {
font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif;
letter-spacing: normal;
}
letter-spacing: normal; }
.entry #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title,
.entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif;
letter-spacing: normal;
}
letter-spacing: normal; }
.entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context,
.entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date {
font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif;
}
font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; }
div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {
font-size: 0.88889em;
font-weight: 700;
}
font-size: 0.8888888889em;
font-weight: 700; }
/**
* Stats
@ -71,54 +63,43 @@ div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedp
*/
/* Authors Widget */
.widget_authors > ul > li > a {
font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif;
}
font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; }
/* Display WordPress Posts */
/* GoodReads */
/* EU cookie law */
.widget_eu_cookie_law_widget #eu-cookie-law {
font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif;
}
font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; }
/* RSS Links */
.widget_rss_links li {
font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif;
}
font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; }
/**
* Content Options
*/
/**
* Blocks
*/
/* Contact Form */
/* Content Form */
.contact-form label span {
color: #767676;
}
color: #767676; }
/* Mailchimp Block - Temp Fix */
.wp-block-jetpack-mailchimp input[type="email"] {
width: 100%;
}
width: 100%; }
.wp-block-jetpack-mailchimp #wp-block-jetpack-mailchimp_consent-text {
font-size: 0.71111em;
}
font-size: 0.7111111111em; }
/* Business Hours - Temp Fix */
.jetpack-business-hours dt,
.jetpack-business-hours dd {
float: left;
}
float: left; }
.jetpack-business-hours dt {
clear: both;
margin-right: 0.5rem;
}
margin-right: 0.5rem; }
.jetpack-business-hours dd {
margin: 0;
}
margin: 0; }

File diff suppressed because it is too large Load diff

View file

@ -819,7 +819,7 @@
padding-right: $size__spacing-unit;
}
@include media(tablet) {
@include media(tabletalt) {
.wp-block-column > * {
&:first-child {

View file

@ -12,6 +12,12 @@
}
}
@if tabletalt == $res {
@media only screen and (min-width: $tablet_alt_width) {
@content;
}
}
@if desktop == $res {
@media only screen and (min-width: $desktop_width) {
@content;

View file

@ -12,6 +12,7 @@ $size__site-desktop-content: calc(6 * (100vw / 12) - 28px);
$mobile_width: 600px;
$tablet_width: 768px;
$tablet_alt_width: 782px;
$desktop_width: 1168px;
$wide_width: 1379px;

View file

@ -19,8 +19,7 @@ html[lang="ckb"] .wp-block *,
html[lang="fa-IR"] .wp-block *,
html[lang="haz"] .wp-block *,
html[lang="ps"] .wp-block * {
font-family: Tahoma, Arial, sans-serif !important;
}
font-family: Tahoma, Arial, sans-serif !important; }
/* Cyrillic */
html[lang="be"] .wp-block *,
@ -33,63 +32,51 @@ html[lang="sah"] .wp-block *,
html[lang="sr-RS"] .wp-block *,
html[lang="tt-RU"] .wp-block *,
html[lang="uk"] .wp-block * {
font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, sans-serif !important;
}
font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, sans-serif !important; }
/* Chinese (Hong Kong) */
html[lang="zh-HK"] .wp-block * {
font-family: -apple-system, BlinkMacSystemFont, 'PingFang HK', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
}
font-family: -apple-system, BlinkMacSystemFont, 'PingFang HK', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important; }
/* Chinese (Taiwan) */
html[lang="zh-TW"] .wp-block * {
font-family: -apple-system, BlinkMacSystemFont, 'PingFang TC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
}
font-family: -apple-system, BlinkMacSystemFont, 'PingFang TC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important; }
/* Chinese (China) */
html[lang="zh-CN"] .wp-block * {
font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
}
font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important; }
/* Devanagari */
html[lang="bn-BD"] .wp-block *,
html[lang="hi-IN"] .wp-block *,
html[lang="mr"] .wp-block *,
html[lang="ne-NP"] .wp-block * {
font-family: Arial, sans-serif !important;
}
font-family: Arial, sans-serif !important; }
/* Greek */
html[lang="el"] .wp-block * {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; }
/* Gujarati */
html[lang="gu"] .wp-block * {
font-family: Arial, sans-serif !important;
}
font-family: Arial, sans-serif !important; }
/* Hebrew */
html[lang="he-IL"] .wp-block * {
font-family: 'Arial Hebrew', Arial, sans-serif !important;
}
font-family: 'Arial Hebrew', Arial, sans-serif !important; }
/* Japanese */
html[lang="ja"] .wp-block * {
font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif !important;
}
font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif !important; }
/* Korean */
html[lang="ko-KR"] .wp-block * {
font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', 'Nanum Gothic', Dotum, sans-serif !important;
}
font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', 'Nanum Gothic', Dotum, sans-serif !important; }
/* Thai */
html[lang="th"] .wp-block * {
font-family: 'Sukhumvit Set', 'Helvetica Neue', helvetica, arial, sans-serif !important;
}
font-family: 'Sukhumvit Set', 'Helvetica Neue', helvetica, arial, sans-serif !important; }
/* Vietnamese */
html[lang="vi"] .wp-block * {
font-family: 'Libre Franklin', sans-serif !important;
}
font-family: 'Libre Franklin', sans-serif !important; }

File diff suppressed because it is too large Load diff

View file

@ -8,8 +8,7 @@
.site-main #infinite-handle span button,
.site-main #infinite-handle span button:hover,
.site-main #infinite-handle span button:focus {
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
}
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; }
/**
* Responsive Videos
@ -19,25 +18,21 @@
*/
.entry div.sharedaddy h3.sd-title,
.entry h3.sd-title {
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
}
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; }
/**
* Related Posts
*/
.entry #jp-relatedposts h3.jp-relatedposts-headline {
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
}
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; }
.entry #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title,
.entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
}
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; }
.entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context,
.entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date {
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
}
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; }
/**
* Stats
@ -50,49 +45,39 @@
*/
/* Authors Widget */
.widget_authors > ul > li > a {
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
}
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; }
/* Display WordPress Posts */
/* GoodReads */
/* EU cookie law */
.widget_eu_cookie_law_widget #eu-cookie-law {
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
}
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; }
/* RSS Links */
.widget_rss_links li {
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
}
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; }
/**
* Content Options
*/
/**
* Blocks
*/
/* Mailchimp Block - Temp Fix */
.wp-block-jetpack-mailchimp input[type="email"] {
width: 100%;
}
width: 100%; }
.wp-block-jetpack-mailchimp #wp-block-jetpack-mailchimp_consent-text {
font-size: 0.71111em;
}
font-size: 0.7111111111em; }
/* Business Hours - Temp Fix */
.jetpack-business-hours dt,
.jetpack-business-hours dd {
float: left;
}
float: left; }
.jetpack-business-hours dt {
clear: both;
margin-right: 0.5rem;
}
margin-right: 0.5rem; }
.jetpack-business-hours dd {
margin: 0;
}
margin: 0; }

File diff suppressed because it is too large Load diff