Merge pull request #807 from Automattic/752-columns_block_responsive_widths
752 columns block responsive widths
This commit is contained in:
commit
db0421272f
14 changed files with 4726 additions and 7561 deletions
|
@ -814,7 +814,7 @@
|
|||
padding-right: $size__spacing-unit;
|
||||
}
|
||||
|
||||
@include media(tablet) {
|
||||
@include media(tabletalt) {
|
||||
.wp-block-column > * {
|
||||
|
||||
&:first-child {
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
||||
|
|
|
@ -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
|
@ -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
|
@ -819,7 +819,7 @@
|
|||
padding-right: $size__spacing-unit;
|
||||
}
|
||||
|
||||
@include media(tablet) {
|
||||
@include media(tabletalt) {
|
||||
.wp-block-column > * {
|
||||
|
||||
&:first-child {
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
||||
|
|
|
@ -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
|
@ -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
Loading…
Reference in a new issue