Merge branch 'enhancement/add-wc-support-refactor-menu' into enhancement/add-wc-support-hever

This commit is contained in:
Allan Cole 2019-10-30 17:10:18 -04:00
commit ef1323f452
117 changed files with 27388 additions and 732 deletions

View file

@ -100,7 +100,7 @@ $config-global: (
/* Spacing */
"spacing": (
"unit": (2 * $baseline-unit), // 16px
"measure": inherit, // Use ch units here. ie: 60ch = 60 character max-width
"measure": unset, // Use ch units here. ie: 60ch = 60 character max-width
"horizontal": (2 * $baseline-unit), // 16px
"vertical": (4 * $baseline-unit), // 32px matches default spacing in the editor.
),

View file

@ -0,0 +1,55 @@
/**
* Redefine Sass map values for child theme WooCommerce output.
*/
$config-woocommerce: (
/* Wrapper Width - accepts full, wide, or defuault */
"wrapper-width": wide,
/* Tables */
"table": (
/* Borders */
"border": (
"color": map-deep-get($config-global, "color", "border", "default"),
"radius": 0,
"width": 1px,
),
"padding": map-deep-get($config-global, "spacing", "unit"),
),
/* Tabs */
"tabs": (
/* Borders */
"border": (
"color": map-deep-get($config-global, "color", "border", "default"),
"radius": 10px,
"width": 1px,
),
"padding": map-deep-get($config-global, "spacing", "horizontal"),
),
/* Mini cart */
"mini-cart": (
/* Color */
"color": (
"background": map-deep-get($config-global, "color", "primary", "default"),
"border": map-deep-get($config-global, "color", "background", "default"),
"text": map-deep-get($config-global, "color", "background", "default"),
"subtotal": map-deep-get($config-global, "color", "foreground", "default"),
"count": map-deep-get($config-global, "color", "foreground", "light"),
),
/* Button */
"button": (
"color": map-deep-get($config-global, "color", "primary", "default"),
"background-color": map-deep-get($config-global, "color", "background", "default"),
),
"width": #{25 * map-deep-get($config-global, "spacing", "unit")},
),
/* Star Rating */
"star-rating": (
/* Color */
"color": map-deep-get($config-global, "color", "alert", "warning"),
),
);

View file

@ -0,0 +1,41 @@
/**
* WooCommerce Styles
* - These styles should only be loaded when WooCommerce is active
*/
/**
* Abstracts
* - Functions and config
*/
@import "../../varia/sass/abstracts/functions";
@import "../../varia/sass/abstracts/config-global";
/**
* Child Theme Name Config
*/
@import "config-child-theme-deep";
/**
* WooCommerce Config
*/
@import "config-child-theme-woocommerce";
/**
* Varia Mixins
*/
@import "../../varia/sass/abstracts/mixins";
/**
* Varia Responsive logic
*/
@import "../../varia/sass/abstracts/responsive-logic";
/**
* Varia Extends
*/
@import "../../varia/sass/base/extends";
/**
* WooCommerce Styles
*/
@import "../../varia/sass/vendors/woocommerce/style";

View file

@ -10,7 +10,7 @@ License: GNU General Public License v2 or later
License URI: LICENSE
Template: varia
Text Domain: alves
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, a8c-global-styles
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, jetpack-global-styles
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

View file

@ -11,7 +11,7 @@ License: GNU General Public License v2 or later
License URI: LICENSE
Template: varia
Text Domain: alves
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, a8c-global-styles
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, jetpack-global-styles
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
@ -684,9 +684,7 @@ a {
.site-header:after,
.site-content:after,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
clear: both;
}
/**
@ -696,7 +694,7 @@ a {
header *,
main *,
footer * {
max-width: inherit;
max-width: unset;
}
html,
@ -1967,6 +1965,10 @@ hr.wp-block-separator {
*/
}
hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 96px;
}
hr.wp-block-separator.is-style-dots:before {
color: #3E7D98;
font-size: 2.16rem;
@ -2056,7 +2058,10 @@ table th,
*/
.aligncenter {
clear: both;
display: block;
float: none;
margin-left: auto;
margin-right: auto;
text-align: center;
}
@ -3002,36 +3007,43 @@ body:not(.fse-enabled) .footer-menu a {
margin-left: calc( $avatar-size + (0.5 * 16px));
}
@media only screen and (min-width: 560px) {
.comment-meta {
margin-left: inherit;
}
.comment-meta .comment-author {
line-height: 1.125;
margin-bottom: 4px;
padding-left: 40px;
max-width: calc(100% - 48px);
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author {
display: flex;
align-items: center;
margin-bottom: 0;
padding-left: 0;
}
}
.comment-meta .comment-author .fn {
word-wrap: break-word;
word-break: break-word;
hyphens: auto;
}
.comment-meta .comment-author .avatar {
display: block;
position: absolute;
left: 0;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author .avatar {
margin-left: 16px;
display: inherit;
position: inherit;
left: inherit;
}
}
.comment-meta .comment-metadata {
color: #394d55;
padding-left: 40px;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-metadata {
padding-left: 0;
}
}
.comment-meta .comment-metadata a {
@ -3044,10 +3056,29 @@ body:not(.fse-enabled) .footer-menu a {
@media only screen and (min-width: 560px) {
.comment-meta {
margin-left: inherit;
align-items: center;
display: flex;
justify-content: space-between;
}
.comment-meta .comment-author {
display: flex;
align-items: center;
max-width: inherit;
flex: 0 1 auto;
}
.comment-meta .comment-author .fn {
padding-left: 16px;
}
.comment-meta .comment-author .avatar {
margin-left: 16px;
display: inherit;
position: inherit;
left: inherit;
}
.comment-meta .comment-metadata {
flex: 0 1 auto;
}
}
.comment-metadata,

File diff suppressed because it is too large Load diff

2145
alves/style-woocommerce.css Normal file

File diff suppressed because it is too large Load diff

View file

@ -11,7 +11,7 @@ License: GNU General Public License v2 or later
License URI: LICENSE
Template: varia
Text Domain: alves
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, a8c-global-styles
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, jetpack-global-styles
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
@ -684,9 +684,7 @@ a {
.site-header:after,
.site-content:after,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
clear: both;
}
/**
@ -696,7 +694,7 @@ a {
header *,
main *,
footer * {
max-width: inherit;
max-width: unset;
}
html,
@ -1967,6 +1965,10 @@ hr.wp-block-separator {
*/
}
hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 96px;
}
hr.wp-block-separator.is-style-dots:before {
color: #3E7D98;
font-size: 2.16rem;
@ -2059,7 +2061,10 @@ table th,
*/
.aligncenter {
clear: both;
display: block;
float: none;
margin-right: auto;
margin-left: auto;
text-align: center;
}
@ -3019,36 +3024,43 @@ body:not(.fse-enabled) .footer-menu a {
margin-right: calc( $avatar-size + (0.5 * 16px));
}
@media only screen and (min-width: 560px) {
.comment-meta {
margin-right: inherit;
}
.comment-meta .comment-author {
line-height: 1.125;
margin-bottom: 4px;
padding-right: 40px;
max-width: calc(100% - 48px);
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author {
display: flex;
align-items: center;
margin-bottom: 0;
padding-right: 0;
}
}
.comment-meta .comment-author .fn {
word-wrap: break-word;
word-break: break-word;
hyphens: auto;
}
.comment-meta .comment-author .avatar {
display: block;
position: absolute;
right: 0;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author .avatar {
margin-right: 16px;
display: inherit;
position: inherit;
right: inherit;
}
}
.comment-meta .comment-metadata {
color: #394d55;
padding-right: 40px;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-metadata {
padding-right: 0;
}
}
.comment-meta .comment-metadata a {
@ -3061,10 +3073,29 @@ body:not(.fse-enabled) .footer-menu a {
@media only screen and (min-width: 560px) {
.comment-meta {
margin-right: inherit;
align-items: center;
display: flex;
justify-content: space-between;
}
.comment-meta .comment-author {
display: flex;
align-items: center;
max-width: inherit;
flex: 0 1 auto;
}
.comment-meta .comment-author .fn {
padding-right: 16px;
}
.comment-meta .comment-author .avatar {
margin-right: 16px;
display: inherit;
position: inherit;
right: inherit;
}
.comment-meta .comment-metadata {
flex: 0 1 auto;
}
}
.comment-metadata,

View file

@ -100,7 +100,7 @@ $config-global: (
/* Spacing */
"spacing": (
"unit": (2 * $baseline-unit), // 16px
"measure": inherit, // Use ch units here. ie: 60ch = 60 character max-width
"measure": unset, // Use ch units here. ie: 60ch = 60 character max-width
"horizontal": (2 * $baseline-unit), // 16px
"vertical": (4 * $baseline-unit), // 32px matches default spacing in the editor.
),

View file

@ -0,0 +1,55 @@
/**
* Redefine Sass map values for child theme WooCommerce output.
*/
$config-woocommerce: (
/* Wrapper Width - accepts full, wide, or defuault */
"wrapper-width": wide,
/* Tables */
"table": (
/* Borders */
"border": (
"color": map-deep-get($config-global, "color", "border", "default"),
"radius": 0,
"width": 1px,
),
"padding": map-deep-get($config-global, "spacing", "unit"),
),
/* Tabs */
"tabs": (
/* Borders */
"border": (
"color": map-deep-get($config-global, "color", "border", "default"),
"radius": 10px,
"width": 1px,
),
"padding": map-deep-get($config-global, "spacing", "horizontal"),
),
/* Mini cart */
"mini-cart": (
/* Color */
"color": (
"background": map-deep-get($config-global, "color", "background", "default"),
"border": map-deep-get($config-global, "color", "border", "dark"),
"text": map-deep-get($config-global, "color", "foreground", "default"),
"subtotal": map-deep-get($config-global, "color", "foreground", "default"),
"count": map-deep-get($config-global, "color", "foreground", "light"),
),
/* Button */
"button": (
"color": map-deep-get($config-button, "color", "text"),
"background-color": map-deep-get($config-button, "color", "background"),
),
"width": #{25 * map-deep-get($config-global, "spacing", "unit")},
),
/* Star Rating */
"star-rating": (
/* Color */
"color": map-deep-get($config-global, "color", "alert", "warning"),
),
);

View file

@ -0,0 +1,41 @@
/**
* WooCommerce Styles
* - These styles should only be loaded when WooCommerce is active
*/
/**
* Abstracts
* - Functions and config
*/
@import "../../varia/sass/abstracts/functions";
@import "../../varia/sass/abstracts/config-global";
/**
* Child Theme Name Config
*/
@import "config-child-theme-deep";
/**
* WooCommerce Config
*/
@import "config-child-theme-woocommerce";
/**
* Varia Mixins
*/
@import "../../varia/sass/abstracts/mixins";
/**
* Varia Responsive Logic
*/
@import "../../varia/sass/abstracts/responsive-logic";
/**
* Varia Extends
*/
@import "../../varia/sass/base/extends";
/**
* WooCommerce Styles
*/
@import "../../varia/sass/vendors/woocommerce/style";

View file

@ -10,7 +10,7 @@ License: GNU General Public License v2 or later
License URI: LICENSE
Template: varia
Text Domain: balasana
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, a8c-global-styles
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, jetpack-global-styles
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

View file

@ -11,7 +11,7 @@ License: GNU General Public License v2 or later
License URI: LICENSE
Template: varia
Text Domain: balasana
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, a8c-global-styles
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, jetpack-global-styles
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
@ -684,9 +684,7 @@ a {
.site-header:after,
.site-content:after,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
clear: both;
}
/**
@ -696,7 +694,7 @@ a {
header *,
main *,
footer * {
max-width: inherit;
max-width: unset;
}
html,
@ -1967,6 +1965,10 @@ hr.wp-block-separator {
*/
}
hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 96px;
}
hr.wp-block-separator.is-style-dots:before {
color: #D0D0D0;
font-size: 1.728rem;
@ -2056,7 +2058,10 @@ table th,
*/
.aligncenter {
clear: both;
display: block;
float: none;
margin-left: auto;
margin-right: auto;
text-align: center;
}
@ -3002,36 +3007,43 @@ body:not(.fse-enabled) .footer-menu a {
margin-left: calc( $avatar-size + (0.5 * 16px));
}
@media only screen and (min-width: 560px) {
.comment-meta {
margin-left: inherit;
}
.comment-meta .comment-author {
line-height: 1.125;
margin-bottom: 4px;
padding-left: 40px;
max-width: calc(100% - 48px);
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author {
display: flex;
align-items: center;
margin-bottom: 0;
padding-left: 0;
}
}
.comment-meta .comment-author .fn {
word-wrap: break-word;
word-break: break-word;
hyphens: auto;
}
.comment-meta .comment-author .avatar {
display: block;
position: absolute;
left: 0;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author .avatar {
margin-left: 16px;
display: inherit;
position: inherit;
left: inherit;
}
}
.comment-meta .comment-metadata {
color: #303030;
padding-left: 40px;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-metadata {
padding-left: 0;
}
}
.comment-meta .comment-metadata a {
@ -3044,10 +3056,29 @@ body:not(.fse-enabled) .footer-menu a {
@media only screen and (min-width: 560px) {
.comment-meta {
margin-left: inherit;
align-items: center;
display: flex;
justify-content: space-between;
}
.comment-meta .comment-author {
display: flex;
align-items: center;
max-width: inherit;
flex: 0 1 auto;
}
.comment-meta .comment-author .fn {
padding-left: 16px;
}
.comment-meta .comment-author .avatar {
margin-left: 16px;
display: inherit;
position: inherit;
left: inherit;
}
.comment-meta .comment-metadata {
flex: 0 1 auto;
}
}
.comment-metadata,

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

View file

@ -11,7 +11,7 @@ License: GNU General Public License v2 or later
License URI: LICENSE
Template: varia
Text Domain: balasana
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, a8c-global-styles
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, jetpack-global-styles
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
@ -684,9 +684,7 @@ a {
.site-header:after,
.site-content:after,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
clear: both;
}
/**
@ -696,7 +694,7 @@ a {
header *,
main *,
footer * {
max-width: inherit;
max-width: unset;
}
html,
@ -1967,6 +1965,10 @@ hr.wp-block-separator {
*/
}
hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 96px;
}
hr.wp-block-separator.is-style-dots:before {
color: #D0D0D0;
font-size: 1.728rem;
@ -2059,7 +2061,10 @@ table th,
*/
.aligncenter {
clear: both;
display: block;
float: none;
margin-right: auto;
margin-left: auto;
text-align: center;
}
@ -3019,36 +3024,43 @@ body:not(.fse-enabled) .footer-menu a {
margin-right: calc( $avatar-size + (0.5 * 16px));
}
@media only screen and (min-width: 560px) {
.comment-meta {
margin-right: inherit;
}
.comment-meta .comment-author {
line-height: 1.125;
margin-bottom: 4px;
padding-right: 40px;
max-width: calc(100% - 48px);
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author {
display: flex;
align-items: center;
margin-bottom: 0;
padding-right: 0;
}
}
.comment-meta .comment-author .fn {
word-wrap: break-word;
word-break: break-word;
hyphens: auto;
}
.comment-meta .comment-author .avatar {
display: block;
position: absolute;
right: 0;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author .avatar {
margin-right: 16px;
display: inherit;
position: inherit;
right: inherit;
}
}
.comment-meta .comment-metadata {
color: #303030;
padding-right: 40px;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-metadata {
padding-right: 0;
}
}
.comment-meta .comment-metadata a {
@ -3061,10 +3073,29 @@ body:not(.fse-enabled) .footer-menu a {
@media only screen and (min-width: 560px) {
.comment-meta {
margin-right: inherit;
align-items: center;
display: flex;
justify-content: space-between;
}
.comment-meta .comment-author {
display: flex;
align-items: center;
max-width: inherit;
flex: 0 1 auto;
}
.comment-meta .comment-author .fn {
padding-right: 16px;
}
.comment-meta .comment-author .avatar {
margin-right: 16px;
display: inherit;
position: inherit;
right: inherit;
}
.comment-meta .comment-metadata {
flex: 0 1 auto;
}
}
.comment-metadata,

View file

@ -100,7 +100,7 @@ $config-global: (
/* Spacing */
"spacing": (
"unit": (2 * $baseline-unit), // 16px
"measure": inherit, // Use ch units here. ie: 60ch = 60 character max-width
"measure": unset, // Use ch units here. ie: 60ch = 60 character max-width
"horizontal": (2 * $baseline-unit), // 16px
"vertical": (4 * $baseline-unit), // 32px matches default spacing in the editor.
),

View file

@ -10,7 +10,7 @@ License: GNU General Public License v2 or later
License URI: LICENSE
Template: varia
Text Domain: barnsbury
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, a8c-global-styles
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, jetpack-global-styles
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

View file

@ -11,7 +11,7 @@ License: GNU General Public License v2 or later
License URI: LICENSE
Template: varia
Text Domain: barnsbury
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, a8c-global-styles
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, jetpack-global-styles
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
@ -684,9 +684,7 @@ a {
.site-header:after,
.site-content:after,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
clear: both;
}
/**
@ -696,7 +694,7 @@ a {
header *,
main *,
footer * {
max-width: inherit;
max-width: unset;
}
html,
@ -1967,6 +1965,10 @@ hr.wp-block-separator {
*/
}
hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 96px;
}
hr.wp-block-separator.is-style-dots:before {
color: #3C2323;
font-size: 1.64303rem;
@ -2056,7 +2058,10 @@ table th,
*/
.aligncenter {
clear: both;
display: block;
float: none;
margin-left: auto;
margin-right: auto;
text-align: center;
}
@ -3002,36 +3007,43 @@ body:not(.fse-enabled) .footer-menu a {
margin-left: calc( $avatar-size + (0.5 * 16px));
}
@media only screen and (min-width: 560px) {
.comment-meta {
margin-left: inherit;
}
.comment-meta .comment-author {
line-height: 1.15;
margin-bottom: 4px;
padding-left: 40px;
max-width: calc(100% - 48px);
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author {
display: flex;
align-items: center;
margin-bottom: 0;
padding-left: 0;
}
}
.comment-meta .comment-author .fn {
word-wrap: break-word;
word-break: break-word;
hyphens: auto;
}
.comment-meta .comment-author .avatar {
display: block;
position: absolute;
left: 0;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author .avatar {
margin-left: 16px;
display: inherit;
position: inherit;
left: inherit;
}
}
.comment-meta .comment-metadata {
color: #3C2323;
padding-left: 40px;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-metadata {
padding-left: 0;
}
}
.comment-meta .comment-metadata a {
@ -3044,10 +3056,29 @@ body:not(.fse-enabled) .footer-menu a {
@media only screen and (min-width: 560px) {
.comment-meta {
margin-left: inherit;
align-items: center;
display: flex;
justify-content: space-between;
}
.comment-meta .comment-author {
display: flex;
align-items: center;
max-width: inherit;
flex: 0 1 auto;
}
.comment-meta .comment-author .fn {
padding-left: 16px;
}
.comment-meta .comment-author .avatar {
margin-left: 16px;
display: inherit;
position: inherit;
left: inherit;
}
.comment-meta .comment-metadata {
flex: 0 1 auto;
}
}
.comment-metadata,

View file

@ -11,7 +11,7 @@ License: GNU General Public License v2 or later
License URI: LICENSE
Template: varia
Text Domain: barnsbury
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, a8c-global-styles
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, jetpack-global-styles
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
@ -684,9 +684,7 @@ a {
.site-header:after,
.site-content:after,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
clear: both;
}
/**
@ -696,7 +694,7 @@ a {
header *,
main *,
footer * {
max-width: inherit;
max-width: unset;
}
html,
@ -1967,6 +1965,10 @@ hr.wp-block-separator {
*/
}
hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 96px;
}
hr.wp-block-separator.is-style-dots:before {
color: #3C2323;
font-size: 1.64303rem;
@ -2059,7 +2061,10 @@ table th,
*/
.aligncenter {
clear: both;
display: block;
float: none;
margin-right: auto;
margin-left: auto;
text-align: center;
}
@ -3019,36 +3024,43 @@ body:not(.fse-enabled) .footer-menu a {
margin-right: calc( $avatar-size + (0.5 * 16px));
}
@media only screen and (min-width: 560px) {
.comment-meta {
margin-right: inherit;
}
.comment-meta .comment-author {
line-height: 1.15;
margin-bottom: 4px;
padding-right: 40px;
max-width: calc(100% - 48px);
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author {
display: flex;
align-items: center;
margin-bottom: 0;
padding-right: 0;
}
}
.comment-meta .comment-author .fn {
word-wrap: break-word;
word-break: break-word;
hyphens: auto;
}
.comment-meta .comment-author .avatar {
display: block;
position: absolute;
right: 0;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author .avatar {
margin-right: 16px;
display: inherit;
position: inherit;
right: inherit;
}
}
.comment-meta .comment-metadata {
color: #3C2323;
padding-right: 40px;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-metadata {
padding-right: 0;
}
}
.comment-meta .comment-metadata a {
@ -3061,10 +3073,29 @@ body:not(.fse-enabled) .footer-menu a {
@media only screen and (min-width: 560px) {
.comment-meta {
margin-right: inherit;
align-items: center;
display: flex;
justify-content: space-between;
}
.comment-meta .comment-author {
display: flex;
align-items: center;
max-width: inherit;
flex: 0 1 auto;
}
.comment-meta .comment-author .fn {
padding-right: 16px;
}
.comment-meta .comment-author .avatar {
margin-right: 16px;
display: inherit;
position: inherit;
right: inherit;
}
.comment-meta .comment-metadata {
flex: 0 1 auto;
}
}
.comment-metadata,

View file

@ -100,7 +100,7 @@ $config-global: (
/* Spacing */
"spacing": (
"unit": (2 * $baseline-unit), // 16px
"measure": inherit, // Use ch units here. ie: 60ch = 60 character max-width
"measure": unset, // Use ch units here. ie: 60ch = 60 character max-width
"horizontal": (2 * $baseline-unit), // 16px
"vertical": (4 * $baseline-unit), // 32px matches default spacing in the editor.
),

View file

@ -0,0 +1,55 @@
/**
* Redefine Sass map values for child theme WooCommerce output.
*/
$config-woocommerce: (
/* Wrapper Width - accepts full, wide, or defuault */
"wrapper-width": wide,
/* Tables */
"table": (
/* Borders */
"border": (
"color": map-deep-get($config-global, "color", "border", "default"),
"radius": 0,
"width": 1px,
),
"padding": map-deep-get($config-global, "spacing", "unit"),
),
/* Tabs */
"tabs": (
/* Borders */
"border": (
"color": map-deep-get($config-global, "color", "border", "default"),
"radius": 10px,
"width": 1px,
),
"padding": map-deep-get($config-global, "spacing", "horizontal"),
),
/* Mini cart */
"mini-cart": (
/* Color */
"color": (
"background": map-deep-get($config-global, "color", "foreground", "default"),
"border": map-deep-get($config-global, "color", "secondary", "hover"),
"text": map-deep-get($config-global, "color", "secondary", "default"),
"subtotal": map-deep-get($config-global, "color", "secondary", "default"),
"count": map-deep-get($config-global, "color", "secondary", "default"),
),
/* Button */
"button": (
"color": map-deep-get($config-button, "color", "text-hover"),
"background-color": map-deep-get($config-button, "color", "background-hover"),
),
"width": #{25 * map-deep-get($config-global, "spacing", "unit")},
),
/* Star Rating */
"star-rating": (
/* Color */
"color": map-deep-get($config-global, "color", "alert", "warning"),
),
);

View file

@ -0,0 +1,56 @@
/**
* WooCommerce Styles
* - These styles should only be loaded when WooCommerce is active
*/
/**
* Abstracts
* - Functions and config
*/
@import "../../varia/sass/abstracts/functions";
@import "../../varia/sass/abstracts/config-global";
/**
* Child Theme Name Config
*/
@import "config-child-theme-deep";
/**
* WooCommerce Config
*/
@import "config-child-theme-woocommerce";
/**
* Varia Mixins
*/
@import "../../varia/sass/abstracts/mixins";
/**
* Varia Responsive Logic
*/
@import "../../varia/sass/abstracts/responsive-logic";
/**
* Varia Extends
*/
@import "../../varia/sass/base/extends";
/**
* WooCommerce Styles
*/
@import "../../varia/sass/vendors/woocommerce/style";
body[class*="woocommerce"] #page {
.main-navigation > div > ul > li:hover ul.cart_list li > a,
.main-navigation > div > ul > li.focus ul.cart_list li > a,
.main-navigation > div > ul > li.current-menu-item ul.cart_list li > a {
border-top: none;
}
}
@include media(mobile) {
body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item > .sub-menu {
right: auto;
left: 0;
}
}

View file

@ -10,7 +10,7 @@ License: GNU General Public License v2 or later
License URI: LICENSE
Template: varia
Text Domain: brompton
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, a8c-global-styles
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, jetpack-global-styles
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

View file

@ -11,7 +11,7 @@ License: GNU General Public License v2 or later
License URI: LICENSE
Template: varia
Text Domain: brompton
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, a8c-global-styles
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, jetpack-global-styles
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
@ -684,9 +684,7 @@ a {
.site-header:after,
.site-content:after,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
clear: both;
}
/**
@ -696,7 +694,7 @@ a {
header *,
main *,
footer * {
max-width: inherit;
max-width: unset;
}
html,
@ -2060,7 +2058,10 @@ table th,
*/
.aligncenter {
clear: both;
display: block;
float: none;
margin-left: auto;
margin-right: auto;
text-align: center;
}
@ -3006,36 +3007,43 @@ body:not(.fse-enabled) .footer-menu a {
margin-left: calc( $avatar-size + (0.5 * 16px));
}
@media only screen and (min-width: 560px) {
.comment-meta {
margin-left: inherit;
}
.comment-meta .comment-author {
line-height: 1.125;
margin-bottom: 4px;
padding-left: 40px;
max-width: calc(100% - 48px);
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author {
display: flex;
align-items: center;
margin-bottom: 0;
padding-left: 0;
}
}
.comment-meta .comment-author .fn {
word-wrap: break-word;
word-break: break-word;
hyphens: auto;
}
.comment-meta .comment-author .avatar {
display: block;
position: absolute;
left: 0;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author .avatar {
margin-left: 16px;
display: inherit;
position: inherit;
left: inherit;
}
}
.comment-meta .comment-metadata {
color: #252E36;
padding-left: 40px;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-metadata {
padding-left: 0;
}
}
.comment-meta .comment-metadata a {
@ -3048,10 +3056,29 @@ body:not(.fse-enabled) .footer-menu a {
@media only screen and (min-width: 560px) {
.comment-meta {
margin-left: inherit;
align-items: center;
display: flex;
justify-content: space-between;
}
.comment-meta .comment-author {
display: flex;
align-items: center;
max-width: inherit;
flex: 0 1 auto;
}
.comment-meta .comment-author .fn {
padding-left: 16px;
}
.comment-meta .comment-author .avatar {
margin-left: 16px;
display: inherit;
position: inherit;
left: inherit;
}
.comment-meta .comment-metadata {
flex: 0 1 auto;
}
}
.comment-metadata,

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

View file

@ -11,7 +11,7 @@ License: GNU General Public License v2 or later
License URI: LICENSE
Template: varia
Text Domain: brompton
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, a8c-global-styles
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, jetpack-global-styles
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
@ -684,9 +684,7 @@ a {
.site-header:after,
.site-content:after,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
clear: both;
}
/**
@ -696,7 +694,7 @@ a {
header *,
main *,
footer * {
max-width: inherit;
max-width: unset;
}
html,
@ -2063,7 +2061,10 @@ table th,
*/
.aligncenter {
clear: both;
display: block;
float: none;
margin-right: auto;
margin-left: auto;
text-align: center;
}
@ -3023,36 +3024,43 @@ body:not(.fse-enabled) .footer-menu a {
margin-right: calc( $avatar-size + (0.5 * 16px));
}
@media only screen and (min-width: 560px) {
.comment-meta {
margin-right: inherit;
}
.comment-meta .comment-author {
line-height: 1.125;
margin-bottom: 4px;
padding-right: 40px;
max-width: calc(100% - 48px);
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author {
display: flex;
align-items: center;
margin-bottom: 0;
padding-right: 0;
}
}
.comment-meta .comment-author .fn {
word-wrap: break-word;
word-break: break-word;
hyphens: auto;
}
.comment-meta .comment-author .avatar {
display: block;
position: absolute;
right: 0;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author .avatar {
margin-right: 16px;
display: inherit;
position: inherit;
right: inherit;
}
}
.comment-meta .comment-metadata {
color: #252E36;
padding-right: 40px;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-metadata {
padding-right: 0;
}
}
.comment-meta .comment-metadata a {
@ -3065,10 +3073,29 @@ body:not(.fse-enabled) .footer-menu a {
@media only screen and (min-width: 560px) {
.comment-meta {
margin-right: inherit;
align-items: center;
display: flex;
justify-content: space-between;
}
.comment-meta .comment-author {
display: flex;
align-items: center;
max-width: inherit;
flex: 0 1 auto;
}
.comment-meta .comment-author .fn {
padding-right: 16px;
}
.comment-meta .comment-author .avatar {
margin-right: 16px;
display: inherit;
position: inherit;
right: inherit;
}
.comment-meta .comment-metadata {
flex: 0 1 auto;
}
}
.comment-metadata,

View file

@ -0,0 +1,55 @@
/**
* Redefine Sass map values for child theme WooCommerce output.
*/
$config-woocommerce: (
/* Wrapper Width - accepts full, wide, or defuault */
"wrapper-width": default,
/* Tables */
"table": (
/* Borders */
"border": (
"color": map-deep-get($config-global, "color", "border", "default"),
"radius": 0,
"width": 1px,
),
"padding": map-deep-get($config-global, "spacing", "unit"),
),
/* Tabs */
"tabs": (
/* Borders */
"border": (
"color": map-deep-get($config-global, "color", "border", "default"),
"radius": 10px,
"width": 1px,
),
"padding": map-deep-get($config-global, "spacing", "horizontal"),
),
/* Mini cart */
"mini-cart": (
/* Color */
"color": (
"background": map-deep-get($config-global, "color", "background", "default"),
"border": map-deep-get($config-global, "color", "border", "dark"),
"text": map-deep-get($config-global, "color", "foreground", "default"),
"subtotal": map-deep-get($config-global, "color", "foreground", "default"),
"count": map-deep-get($config-global, "color", "foreground", "light"),
),
/* Button */
"button": (
"color": map-deep-get($config-button, "color", "text"),
"background-color": map-deep-get($config-button, "color", "background"),
),
"width": #{25 * map-deep-get($config-global, "spacing", "unit")},
),
/* Star Rating */
"star-rating": (
/* Color */
"color": map-deep-get($config-global, "color", "alert", "warning"),
),
);

View file

@ -0,0 +1,41 @@
/**
* WooCommerce Styles
* - These styles should only be loaded when WooCommerce is active
*/
/**
* Abstracts
* - Functions and config
*/
@import "../../varia/sass/abstracts/functions";
@import "../../varia/sass/abstracts/config-global";
/**
* Child Theme Name Config
*/
@import "config-child-theme-deep";
/**
* WooCommerce Config
*/
@import "config-child-theme-woocommerce";
/**
* Varia Mixins
*/
@import "../../varia/sass/abstracts/mixins";
/**
* Varia Responsive Logic
*/
@import "../../varia/sass/abstracts/responsive-logic";
/**
* Varia Extends
*/
@import "../../varia/sass/base/extends";
/**
* WooCommerce Styles
*/
@import "../../varia/sass/vendors/woocommerce/style";

View file

@ -10,7 +10,7 @@ License: GNU General Public License v2 or later
License URI: LICENSE
Template: varia
Text Domain: coutoire
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, a8c-global-styles
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, jetpack-global-styles
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

View file

@ -100,7 +100,7 @@ $config-global: (
/* Spacing */
"spacing": (
"unit": (2 * $baseline-unit), // 16px
"measure": inherit, // Use ch units here. ie: 60ch = 60 character max-width
"measure": unset, // Use ch units here. ie: 60ch = 60 character max-width
"horizontal": (2 * $baseline-unit), // 16px
"vertical": (4 * $baseline-unit), // 32px matches default spacing in the editor.
),

View file

@ -10,7 +10,7 @@ License: GNU General Public License v2 or later
License URI: LICENSE
Template: varia
Text Domain: dalston
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, a8c-global-styles
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, jetpack-global-styles
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

View file

@ -11,7 +11,7 @@ License: GNU General Public License v2 or later
License URI: LICENSE
Template: varia
Text Domain: dalston
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, a8c-global-styles
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, jetpack-global-styles
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
@ -684,9 +684,7 @@ a {
.site-header:after,
.site-content:after,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
clear: both;
}
/**
@ -696,7 +694,7 @@ a {
header *,
main *,
footer * {
max-width: inherit;
max-width: unset;
}
html,
@ -1967,6 +1965,10 @@ hr.wp-block-separator {
*/
}
hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 96px;
}
hr.wp-block-separator.is-style-dots:before {
color: #CCCCCC;
font-size: 1.52087rem;
@ -2056,7 +2058,10 @@ table th,
*/
.aligncenter {
clear: both;
display: block;
float: none;
margin-left: auto;
margin-right: auto;
text-align: center;
}
@ -3002,36 +3007,43 @@ body:not(.fse-enabled) .footer-menu a {
margin-left: calc( $avatar-size + (0.5 * 16px));
}
@media only screen and (min-width: 560px) {
.comment-meta {
margin-left: inherit;
}
.comment-meta .comment-author {
line-height: 1.2;
margin-bottom: 4px;
padding-left: 40px;
max-width: calc(100% - 48px);
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author {
display: flex;
align-items: center;
margin-bottom: 0;
padding-left: 0;
}
}
.comment-meta .comment-author .fn {
word-wrap: break-word;
word-break: break-word;
hyphens: auto;
}
.comment-meta .comment-author .avatar {
display: block;
position: absolute;
left: 0;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author .avatar {
margin-left: 16px;
display: inherit;
position: inherit;
left: inherit;
}
}
.comment-meta .comment-metadata {
color: #1e1e1e;
padding-left: 40px;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-metadata {
padding-left: 0;
}
}
.comment-meta .comment-metadata a {
@ -3044,10 +3056,29 @@ body:not(.fse-enabled) .footer-menu a {
@media only screen and (min-width: 560px) {
.comment-meta {
margin-left: inherit;
align-items: center;
display: flex;
justify-content: space-between;
}
.comment-meta .comment-author {
display: flex;
align-items: center;
max-width: inherit;
flex: 0 1 auto;
}
.comment-meta .comment-author .fn {
padding-left: 16px;
}
.comment-meta .comment-author .avatar {
margin-left: 16px;
display: inherit;
position: inherit;
left: inherit;
}
.comment-meta .comment-metadata {
flex: 0 1 auto;
}
}
.comment-metadata,

View file

@ -11,7 +11,7 @@ License: GNU General Public License v2 or later
License URI: LICENSE
Template: varia
Text Domain: dalston
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, a8c-global-styles
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, jetpack-global-styles
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
@ -684,9 +684,7 @@ a {
.site-header:after,
.site-content:after,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
clear: both;
}
/**
@ -696,7 +694,7 @@ a {
header *,
main *,
footer * {
max-width: inherit;
max-width: unset;
}
html,
@ -1967,6 +1965,10 @@ hr.wp-block-separator {
*/
}
hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 96px;
}
hr.wp-block-separator.is-style-dots:before {
color: #CCCCCC;
font-size: 1.52087rem;
@ -2059,7 +2061,10 @@ table th,
*/
.aligncenter {
clear: both;
display: block;
float: none;
margin-right: auto;
margin-left: auto;
text-align: center;
}
@ -3019,36 +3024,43 @@ body:not(.fse-enabled) .footer-menu a {
margin-right: calc( $avatar-size + (0.5 * 16px));
}
@media only screen and (min-width: 560px) {
.comment-meta {
margin-right: inherit;
}
.comment-meta .comment-author {
line-height: 1.2;
margin-bottom: 4px;
padding-right: 40px;
max-width: calc(100% - 48px);
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author {
display: flex;
align-items: center;
margin-bottom: 0;
padding-right: 0;
}
}
.comment-meta .comment-author .fn {
word-wrap: break-word;
word-break: break-word;
hyphens: auto;
}
.comment-meta .comment-author .avatar {
display: block;
position: absolute;
right: 0;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author .avatar {
margin-right: 16px;
display: inherit;
position: inherit;
right: inherit;
}
}
.comment-meta .comment-metadata {
color: #1e1e1e;
padding-right: 40px;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-metadata {
padding-right: 0;
}
}
.comment-meta .comment-metadata a {
@ -3061,10 +3073,29 @@ body:not(.fse-enabled) .footer-menu a {
@media only screen and (min-width: 560px) {
.comment-meta {
margin-right: inherit;
align-items: center;
display: flex;
justify-content: space-between;
}
.comment-meta .comment-author {
display: flex;
align-items: center;
max-width: inherit;
flex: 0 1 auto;
}
.comment-meta .comment-author .fn {
padding-right: 16px;
}
.comment-meta .comment-author .avatar {
margin-right: 16px;
display: inherit;
position: inherit;
right: inherit;
}
.comment-meta .comment-metadata {
flex: 0 1 auto;
}
}
.comment-metadata,

View file

@ -100,7 +100,7 @@ $config-global: (
/* Spacing */
"spacing": (
"unit": (2 * $baseline-unit), // 16px
"measure": inherit, // Use ch units here. ie: 60ch = 60 character max-width
"measure": unset, // Use ch units here. ie: 60ch = 60 character max-width
"horizontal": (2 * $baseline-unit), // 16px
"vertical": (4 * $baseline-unit), // 32px matches default spacing in the editor.
),

View file

@ -10,7 +10,7 @@ License: GNU General Public License v2 or later
License URI: LICENSE
Template: varia
Text Domain: exford
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, a8c-global-styles
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, jetpack-global-styles
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

View file

@ -11,7 +11,7 @@ License: GNU General Public License v2 or later
License URI: LICENSE
Template: varia
Text Domain: exford
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, a8c-global-styles
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, jetpack-global-styles
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
@ -694,7 +694,7 @@ a {
header *,
main *,
footer * {
max-width: inherit;
max-width: unset;
}
html,
@ -2058,7 +2058,10 @@ table th,
*/
.aligncenter {
clear: both;
display: block;
float: none;
margin-left: auto;
margin-right: auto;
text-align: center;
}
@ -3004,36 +3007,43 @@ body:not(.fse-enabled) .footer-menu a {
margin-left: calc( $avatar-size + (0.5 * 16px));
}
@media only screen and (min-width: 560px) {
.comment-meta {
margin-left: inherit;
}
.comment-meta .comment-author {
line-height: 1.125;
margin-bottom: 4px;
padding-left: 40px;
max-width: calc(100% - 48px);
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author {
display: flex;
align-items: center;
margin-bottom: 0;
padding-left: 0;
}
}
.comment-meta .comment-author .fn {
word-wrap: break-word;
word-break: break-word;
hyphens: auto;
}
.comment-meta .comment-author .avatar {
display: block;
position: absolute;
left: 0;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author .avatar {
margin-left: 16px;
display: inherit;
position: inherit;
left: inherit;
}
}
.comment-meta .comment-metadata {
color: #111111;
padding-left: 40px;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-metadata {
padding-left: 0;
}
}
.comment-meta .comment-metadata a {
@ -3046,10 +3056,29 @@ body:not(.fse-enabled) .footer-menu a {
@media only screen and (min-width: 560px) {
.comment-meta {
margin-left: inherit;
align-items: center;
display: flex;
justify-content: space-between;
}
.comment-meta .comment-author {
display: flex;
align-items: center;
max-width: inherit;
flex: 0 1 auto;
}
.comment-meta .comment-author .fn {
padding-left: 16px;
}
.comment-meta .comment-author .avatar {
margin-left: 16px;
display: inherit;
position: inherit;
left: inherit;
}
.comment-meta .comment-metadata {
flex: 0 1 auto;
}
}
.comment-metadata,

View file

@ -11,7 +11,7 @@ License: GNU General Public License v2 or later
License URI: LICENSE
Template: varia
Text Domain: exford
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, a8c-global-styles
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, jetpack-global-styles
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
@ -694,7 +694,7 @@ a {
header *,
main *,
footer * {
max-width: inherit;
max-width: unset;
}
html,
@ -2061,7 +2061,10 @@ table th,
*/
.aligncenter {
clear: both;
display: block;
float: none;
margin-right: auto;
margin-left: auto;
text-align: center;
}
@ -3021,36 +3024,43 @@ body:not(.fse-enabled) .footer-menu a {
margin-right: calc( $avatar-size + (0.5 * 16px));
}
@media only screen and (min-width: 560px) {
.comment-meta {
margin-right: inherit;
}
.comment-meta .comment-author {
line-height: 1.125;
margin-bottom: 4px;
padding-right: 40px;
max-width: calc(100% - 48px);
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author {
display: flex;
align-items: center;
margin-bottom: 0;
padding-right: 0;
}
}
.comment-meta .comment-author .fn {
word-wrap: break-word;
word-break: break-word;
hyphens: auto;
}
.comment-meta .comment-author .avatar {
display: block;
position: absolute;
right: 0;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author .avatar {
margin-right: 16px;
display: inherit;
position: inherit;
right: inherit;
}
}
.comment-meta .comment-metadata {
color: #111111;
padding-right: 40px;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-metadata {
padding-right: 0;
}
}
.comment-meta .comment-metadata a {
@ -3063,10 +3073,29 @@ body:not(.fse-enabled) .footer-menu a {
@media only screen and (min-width: 560px) {
.comment-meta {
margin-right: inherit;
align-items: center;
display: flex;
justify-content: space-between;
}
.comment-meta .comment-author {
display: flex;
align-items: center;
max-width: inherit;
flex: 0 1 auto;
}
.comment-meta .comment-author .fn {
padding-right: 16px;
}
.comment-meta .comment-author .avatar {
margin-right: 16px;
display: inherit;
position: inherit;
right: inherit;
}
.comment-meta .comment-metadata {
flex: 0 1 auto;
}
}
.comment-metadata,

View file

@ -106,7 +106,7 @@ $config-global: (
/* Spacing */
"spacing": (
"unit": (2 * $baseline-unit), // 16px
"measure": inherit, // Use ch units here. ie: 60ch = 60 character max-width
"measure": unset, // Use ch units here. ie: 60ch = 60 character max-width
"horizontal": (2 * $baseline-unit), // 16px
"vertical": (4 * $baseline-unit), // 32px matches default spacing in the editor.
),

View file

@ -10,7 +10,7 @@ License: GNU General Public License v2 or later
License URI: LICENSE
Template: varia
Text Domain: hever
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, a8c-global-styles
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, jetpack-global-styles
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

View file

@ -11,7 +11,7 @@ License: GNU General Public License v2 or later
License URI: LICENSE
Template: varia
Text Domain: hever
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, a8c-global-styles
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, jetpack-global-styles
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
@ -772,7 +772,7 @@ a {
header *,
main *,
footer * {
max-width: inherit;
max-width: unset;
}
html,
@ -3019,10 +3019,11 @@ body:not(.fse-enabled) .footer-menu a {
margin-left: calc( $avatar-size + (0.5 * 16px));
}
@media only screen and (min-width: 560px) {
.comment-meta {
margin-left: inherit;
}
.comment-meta .comment-author {
line-height: 1.125;
margin-bottom: 4px;
padding-left: 40px;
max-width: calc(100% - 48px);
}
.comment-meta .comment-author {
@ -3040,21 +3041,18 @@ body:not(.fse-enabled) .footer-menu a {
}
}
.comment-meta .comment-author .fn {
word-wrap: break-word;
word-break: break-word;
hyphens: auto;
}
.comment-meta .comment-author .avatar {
display: block;
position: absolute;
left: 0;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author .avatar {
margin-left: 16px;
display: inherit;
position: inherit;
left: inherit;
}
}
.comment-meta .comment-metadata {
color: #303030;
padding-left: 40px;
@ -3076,10 +3074,29 @@ body:not(.fse-enabled) .footer-menu a {
@media only screen and (min-width: 560px) {
.comment-meta {
margin-left: inherit;
align-items: center;
display: flex;
justify-content: space-between;
}
.comment-meta .comment-author {
display: flex;
align-items: center;
max-width: inherit;
flex: 0 1 auto;
}
.comment-meta .comment-author .fn {
padding-left: 16px;
}
.comment-meta .comment-author .avatar {
margin-left: 16px;
display: inherit;
position: inherit;
left: inherit;
}
.comment-meta .comment-metadata {
flex: 0 1 auto;
}
}
.comment-metadata,

View file

@ -11,7 +11,7 @@ License: GNU General Public License v2 or later
License URI: LICENSE
Template: varia
Text Domain: hever
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, a8c-global-styles
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, jetpack-global-styles
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
@ -772,7 +772,7 @@ a {
header *,
main *,
footer * {
max-width: inherit;
max-width: unset;
}
html,
@ -3036,10 +3036,11 @@ body:not(.fse-enabled) .footer-menu a {
margin-right: calc( $avatar-size + (0.5 * 16px));
}
@media only screen and (min-width: 560px) {
.comment-meta {
margin-right: inherit;
}
.comment-meta .comment-author {
line-height: 1.125;
margin-bottom: 4px;
padding-right: 40px;
max-width: calc(100% - 48px);
}
.comment-meta .comment-author {
@ -3057,21 +3058,18 @@ body:not(.fse-enabled) .footer-menu a {
}
}
.comment-meta .comment-author .fn {
word-wrap: break-word;
word-break: break-word;
hyphens: auto;
}
.comment-meta .comment-author .avatar {
display: block;
position: absolute;
right: 0;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author .avatar {
margin-right: 16px;
display: inherit;
position: inherit;
right: inherit;
}
}
.comment-meta .comment-metadata {
color: #303030;
padding-right: 40px;
@ -3093,10 +3091,29 @@ body:not(.fse-enabled) .footer-menu a {
@media only screen and (min-width: 560px) {
.comment-meta {
margin-right: inherit;
align-items: center;
display: flex;
justify-content: space-between;
}
.comment-meta .comment-author {
display: flex;
align-items: center;
max-width: inherit;
flex: 0 1 auto;
}
.comment-meta .comment-author .fn {
padding-right: 16px;
}
.comment-meta .comment-author .avatar {
margin-right: 16px;
display: inherit;
position: inherit;
right: inherit;
}
.comment-meta .comment-metadata {
flex: 0 1 auto;
}
}
.comment-metadata,

View file

@ -10,7 +10,7 @@ License: GNU General Public License v2 or later
License URI: LICENSE
Template: varia
Text Domain: leven
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, a8c-global-styles
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, jetpack-global-styles
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

View file

@ -100,7 +100,7 @@ $config-global: (
/* Spacing */
"spacing": (
"unit": (2 * $baseline-unit), // 16px
"measure": inherit, // Use ch units here. ie: 60ch = 60 character max-width
"measure": unset, // Use ch units here. ie: 60ch = 60 character max-width
"horizontal": (2 * $baseline-unit), // 16px
"vertical": (4 * $baseline-unit), // 32px matches default spacing in the editor.
),

View file

@ -10,7 +10,7 @@ License: GNU General Public License v2 or later
License URI: LICENSE
Template: varia
Text Domain: mayland
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, a8c-global-styles
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, jetpack-global-styles
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

View file

@ -11,7 +11,7 @@ License: GNU General Public License v2 or later
License URI: LICENSE
Template: varia
Text Domain: mayland
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, a8c-global-styles
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, jetpack-global-styles
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
@ -684,9 +684,7 @@ a {
.site-header:after,
.site-content:after,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
clear: both;
}
/**
@ -696,7 +694,7 @@ a {
header *,
main *,
footer * {
max-width: inherit;
max-width: unset;
}
html,
@ -1966,6 +1964,10 @@ hr.wp-block-separator {
*/
}
hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 96px;
}
hr.wp-block-separator.is-style-dots:before {
color: #e6e6e6;
font-size: 1.728rem;
@ -2055,7 +2057,10 @@ table th,
*/
.aligncenter {
clear: both;
display: block;
float: none;
margin-left: auto;
margin-right: auto;
text-align: center;
}
@ -3001,36 +3006,43 @@ body:not(.fse-enabled) .footer-menu a {
margin-left: calc( $avatar-size + (0.5 * 16px));
}
@media only screen and (min-width: 560px) {
.comment-meta {
margin-left: inherit;
}
.comment-meta .comment-author {
line-height: 1.125;
margin-bottom: 4px;
padding-left: 40px;
max-width: calc(100% - 48px);
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author {
display: flex;
align-items: center;
margin-bottom: 0;
padding-left: 0;
}
}
.comment-meta .comment-author .fn {
word-wrap: break-word;
word-break: break-word;
hyphens: auto;
}
.comment-meta .comment-author .avatar {
display: block;
position: absolute;
left: 0;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author .avatar {
margin-left: 16px;
display: inherit;
position: inherit;
left: inherit;
}
}
.comment-meta .comment-metadata {
color: black;
padding-left: 40px;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-metadata {
padding-left: 0;
}
}
.comment-meta .comment-metadata a {
@ -3043,10 +3055,29 @@ body:not(.fse-enabled) .footer-menu a {
@media only screen and (min-width: 560px) {
.comment-meta {
margin-left: inherit;
align-items: center;
display: flex;
justify-content: space-between;
}
.comment-meta .comment-author {
display: flex;
align-items: center;
max-width: inherit;
flex: 0 1 auto;
}
.comment-meta .comment-author .fn {
padding-left: 16px;
}
.comment-meta .comment-author .avatar {
margin-left: 16px;
display: inherit;
position: inherit;
left: inherit;
}
.comment-meta .comment-metadata {
flex: 0 1 auto;
}
}
.comment-metadata,

View file

@ -11,7 +11,7 @@ License: GNU General Public License v2 or later
License URI: LICENSE
Template: varia
Text Domain: mayland
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, a8c-global-styles
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, jetpack-global-styles
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
@ -684,9 +684,7 @@ a {
.site-header:after,
.site-content:after,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
clear: both;
}
/**
@ -696,7 +694,7 @@ a {
header *,
main *,
footer * {
max-width: inherit;
max-width: unset;
}
html,
@ -1966,6 +1964,10 @@ hr.wp-block-separator {
*/
}
hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 96px;
}
hr.wp-block-separator.is-style-dots:before {
color: #e6e6e6;
font-size: 1.728rem;
@ -2058,7 +2060,10 @@ table th,
*/
.aligncenter {
clear: both;
display: block;
float: none;
margin-right: auto;
margin-left: auto;
text-align: center;
}
@ -3018,36 +3023,43 @@ body:not(.fse-enabled) .footer-menu a {
margin-right: calc( $avatar-size + (0.5 * 16px));
}
@media only screen and (min-width: 560px) {
.comment-meta {
margin-right: inherit;
}
.comment-meta .comment-author {
line-height: 1.125;
margin-bottom: 4px;
padding-right: 40px;
max-width: calc(100% - 48px);
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author {
display: flex;
align-items: center;
margin-bottom: 0;
padding-right: 0;
}
}
.comment-meta .comment-author .fn {
word-wrap: break-word;
word-break: break-word;
hyphens: auto;
}
.comment-meta .comment-author .avatar {
display: block;
position: absolute;
right: 0;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author .avatar {
margin-right: 16px;
display: inherit;
position: inherit;
right: inherit;
}
}
.comment-meta .comment-metadata {
color: black;
padding-right: 40px;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-metadata {
padding-right: 0;
}
}
.comment-meta .comment-metadata a {
@ -3060,10 +3072,29 @@ body:not(.fse-enabled) .footer-menu a {
@media only screen and (min-width: 560px) {
.comment-meta {
margin-right: inherit;
align-items: center;
display: flex;
justify-content: space-between;
}
.comment-meta .comment-author {
display: flex;
align-items: center;
max-width: inherit;
flex: 0 1 auto;
}
.comment-meta .comment-author .fn {
padding-right: 16px;
}
.comment-meta .comment-author .avatar {
margin-right: 16px;
display: inherit;
position: inherit;
right: inherit;
}
.comment-meta .comment-metadata {
flex: 0 1 auto;
}
}
.comment-metadata,

View file

@ -100,7 +100,7 @@ $config-global: (
/* Spacing */
"spacing": (
"unit": (2 * $baseline-unit), // 16px
"measure": inherit, // Use ch units here. ie: 60ch = 60 character max-width
"measure": unset, // Use ch units here. ie: 60ch = 60 character max-width
"horizontal": (2 * $baseline-unit), // 16px
"vertical": (4 * $baseline-unit), // 32px matches default spacing in the editor.
),

View file

@ -10,7 +10,7 @@ License: GNU General Public License v2 or later
License URI: LICENSE
Template: varia
Text Domain: maywood
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, full-site-editing, a8c-global-styles
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, full-site-editing, jetpack-global-styles
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

View file

@ -11,7 +11,7 @@ License: GNU General Public License v2 or later
License URI: LICENSE
Template: varia
Text Domain: maywood
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, full-site-editing, a8c-global-styles
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, full-site-editing, jetpack-global-styles
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
@ -684,9 +684,7 @@ a {
.site-header:after,
.site-content:after,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
clear: both;
}
/**
@ -696,7 +694,7 @@ a {
header *,
main *,
footer * {
max-width: inherit;
max-width: unset;
}
html,
@ -1967,6 +1965,10 @@ hr.wp-block-separator {
*/
}
hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 96px;
}
hr.wp-block-separator.is-style-dots:before {
color: #CCCCCC;
font-size: 1.728rem;
@ -2056,7 +2058,10 @@ table th,
*/
.aligncenter {
clear: both;
display: block;
float: none;
margin-left: auto;
margin-right: auto;
text-align: center;
}
@ -3002,36 +3007,43 @@ body:not(.fse-enabled) .footer-menu a {
margin-left: calc( $avatar-size + (0.5 * 16px));
}
@media only screen and (min-width: 560px) {
.comment-meta {
margin-left: inherit;
}
.comment-meta .comment-author {
line-height: 1.125;
margin-bottom: 4px;
padding-left: 40px;
max-width: calc(100% - 48px);
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author {
display: flex;
align-items: center;
margin-bottom: 0;
padding-left: 0;
}
}
.comment-meta .comment-author .fn {
word-wrap: break-word;
word-break: break-word;
hyphens: auto;
}
.comment-meta .comment-author .avatar {
display: block;
position: absolute;
left: 0;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author .avatar {
margin-left: 16px;
display: inherit;
position: inherit;
left: inherit;
}
}
.comment-meta .comment-metadata {
color: #181818;
padding-left: 40px;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-metadata {
padding-left: 0;
}
}
.comment-meta .comment-metadata a {
@ -3044,10 +3056,29 @@ body:not(.fse-enabled) .footer-menu a {
@media only screen and (min-width: 560px) {
.comment-meta {
margin-left: inherit;
align-items: center;
display: flex;
justify-content: space-between;
}
.comment-meta .comment-author {
display: flex;
align-items: center;
max-width: inherit;
flex: 0 1 auto;
}
.comment-meta .comment-author .fn {
padding-left: 16px;
}
.comment-meta .comment-author .avatar {
margin-left: 16px;
display: inherit;
position: inherit;
left: inherit;
}
.comment-meta .comment-metadata {
flex: 0 1 auto;
}
}
.comment-metadata,

View file

@ -11,7 +11,7 @@ License: GNU General Public License v2 or later
License URI: LICENSE
Template: varia
Text Domain: maywood
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, full-site-editing, a8c-global-styles
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, full-site-editing, jetpack-global-styles
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
@ -684,9 +684,7 @@ a {
.site-header:after,
.site-content:after,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
clear: both;
}
/**
@ -696,7 +694,7 @@ a {
header *,
main *,
footer * {
max-width: inherit;
max-width: unset;
}
html,
@ -1967,6 +1965,10 @@ hr.wp-block-separator {
*/
}
hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 96px;
}
hr.wp-block-separator.is-style-dots:before {
color: #CCCCCC;
font-size: 1.728rem;
@ -2059,7 +2061,10 @@ table th,
*/
.aligncenter {
clear: both;
display: block;
float: none;
margin-right: auto;
margin-left: auto;
text-align: center;
}
@ -3019,36 +3024,43 @@ body:not(.fse-enabled) .footer-menu a {
margin-right: calc( $avatar-size + (0.5 * 16px));
}
@media only screen and (min-width: 560px) {
.comment-meta {
margin-right: inherit;
}
.comment-meta .comment-author {
line-height: 1.125;
margin-bottom: 4px;
padding-right: 40px;
max-width: calc(100% - 48px);
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author {
display: flex;
align-items: center;
margin-bottom: 0;
padding-right: 0;
}
}
.comment-meta .comment-author .fn {
word-wrap: break-word;
word-break: break-word;
hyphens: auto;
}
.comment-meta .comment-author .avatar {
display: block;
position: absolute;
right: 0;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author .avatar {
margin-right: 16px;
display: inherit;
position: inherit;
right: inherit;
}
}
.comment-meta .comment-metadata {
color: #181818;
padding-right: 40px;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-metadata {
padding-right: 0;
}
}
.comment-meta .comment-metadata a {
@ -3061,10 +3073,29 @@ body:not(.fse-enabled) .footer-menu a {
@media only screen and (min-width: 560px) {
.comment-meta {
margin-right: inherit;
align-items: center;
display: flex;
justify-content: space-between;
}
.comment-meta .comment-author {
display: flex;
align-items: center;
max-width: inherit;
flex: 0 1 auto;
}
.comment-meta .comment-author .fn {
padding-right: 16px;
}
.comment-meta .comment-author .avatar {
margin-right: 16px;
display: inherit;
position: inherit;
right: inherit;
}
.comment-meta .comment-metadata {
flex: 0 1 auto;
}
}
.comment-metadata,

View file

@ -100,7 +100,7 @@ $config-global: (
/* Spacing */
"spacing": (
"unit": (2 * $baseline-unit), // 16px
"measure": inherit, // Use ch units here. ie: 60ch = 60 character max-width
"measure": unset, // Use ch units here. ie: 60ch = 60 character max-width
"horizontal": (2 * $baseline-unit), // 16px
"vertical": (4 * $baseline-unit), // 32px matches default spacing in the editor.
),

View file

@ -10,7 +10,7 @@ License: GNU General Public License v2 or later
License URI: LICENSE
Template: varia
Text Domain: morden
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, a8c-global-styles
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, jetpack-global-styles
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

View file

@ -11,7 +11,7 @@ License: GNU General Public License v2 or later
License URI: LICENSE
Template: varia
Text Domain: morden
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, a8c-global-styles
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, jetpack-global-styles
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
@ -694,7 +694,7 @@ a {
header *,
main *,
footer * {
max-width: inherit;
max-width: unset;
}
html,
@ -2058,7 +2058,10 @@ table th,
*/
.aligncenter {
clear: both;
display: block;
float: none;
margin-left: auto;
margin-right: auto;
text-align: center;
}
@ -3004,36 +3007,43 @@ body:not(.fse-enabled) .footer-menu a {
margin-left: calc( $avatar-size + (0.5 * 16px));
}
@media only screen and (min-width: 560px) {
.comment-meta {
margin-left: inherit;
}
.comment-meta .comment-author {
line-height: 1.125;
margin-bottom: 4px;
padding-left: 40px;
max-width: calc(100% - 48px);
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author {
display: flex;
align-items: center;
margin-bottom: 0;
padding-left: 0;
}
}
.comment-meta .comment-author .fn {
word-wrap: break-word;
word-break: break-word;
hyphens: auto;
}
.comment-meta .comment-author .avatar {
display: block;
position: absolute;
left: 0;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author .avatar {
margin-left: 16px;
display: inherit;
position: inherit;
left: inherit;
}
}
.comment-meta .comment-metadata {
color: #303030;
padding-left: 40px;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-metadata {
padding-left: 0;
}
}
.comment-meta .comment-metadata a {
@ -3046,10 +3056,29 @@ body:not(.fse-enabled) .footer-menu a {
@media only screen and (min-width: 560px) {
.comment-meta {
margin-left: inherit;
align-items: center;
display: flex;
justify-content: space-between;
}
.comment-meta .comment-author {
display: flex;
align-items: center;
max-width: inherit;
flex: 0 1 auto;
}
.comment-meta .comment-author .fn {
padding-left: 16px;
}
.comment-meta .comment-author .avatar {
margin-left: 16px;
display: inherit;
position: inherit;
left: inherit;
}
.comment-meta .comment-metadata {
flex: 0 1 auto;
}
}
.comment-metadata,

View file

@ -11,7 +11,7 @@ License: GNU General Public License v2 or later
License URI: LICENSE
Template: varia
Text Domain: morden
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, a8c-global-styles
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, jetpack-global-styles
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
@ -694,7 +694,7 @@ a {
header *,
main *,
footer * {
max-width: inherit;
max-width: unset;
}
html,
@ -2061,7 +2061,10 @@ table th,
*/
.aligncenter {
clear: both;
display: block;
float: none;
margin-right: auto;
margin-left: auto;
text-align: center;
}
@ -3021,36 +3024,43 @@ body:not(.fse-enabled) .footer-menu a {
margin-right: calc( $avatar-size + (0.5 * 16px));
}
@media only screen and (min-width: 560px) {
.comment-meta {
margin-right: inherit;
}
.comment-meta .comment-author {
line-height: 1.125;
margin-bottom: 4px;
padding-right: 40px;
max-width: calc(100% - 48px);
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author {
display: flex;
align-items: center;
margin-bottom: 0;
padding-right: 0;
}
}
.comment-meta .comment-author .fn {
word-wrap: break-word;
word-break: break-word;
hyphens: auto;
}
.comment-meta .comment-author .avatar {
display: block;
position: absolute;
right: 0;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author .avatar {
margin-right: 16px;
display: inherit;
position: inherit;
right: inherit;
}
}
.comment-meta .comment-metadata {
color: #303030;
padding-right: 40px;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-metadata {
padding-right: 0;
}
}
.comment-meta .comment-metadata a {
@ -3063,10 +3073,29 @@ body:not(.fse-enabled) .footer-menu a {
@media only screen and (min-width: 560px) {
.comment-meta {
margin-right: inherit;
align-items: center;
display: flex;
justify-content: space-between;
}
.comment-meta .comment-author {
display: flex;
align-items: center;
max-width: inherit;
flex: 0 1 auto;
}
.comment-meta .comment-author .fn {
padding-right: 16px;
}
.comment-meta .comment-author .avatar {
margin-right: 16px;
display: inherit;
position: inherit;
right: inherit;
}
.comment-meta .comment-metadata {
flex: 0 1 auto;
}
}
.comment-metadata,

View file

@ -100,7 +100,7 @@ $config-global: (
/* Spacing */
"spacing": (
"unit": (2 * $baseline-unit), // 16px
"measure": inherit, // Use ch units here. ie: 60ch = 60 character max-width
"measure": unset, // Use ch units here. ie: 60ch = 60 character max-width
"horizontal": (2 * $baseline-unit), // 16px
"vertical": (4 * $baseline-unit), // 32px matches default spacing in the editor.
),

View file

@ -0,0 +1,55 @@
/**
* Redefine Sass map values for child theme WooCommerce output.
*/
$config-woocommerce: (
/* Wrapper Width - accepts full, wide, or defuault */
"wrapper-width": default,
/* Tables */
"table": (
/* Borders */
"border": (
"color": map-deep-get($config-global, "color", "border", "default"),
"radius": 0,
"width": 1px,
),
"padding": map-deep-get($config-global, "spacing", "unit"),
),
/* Tabs */
"tabs": (
/* Borders */
"border": (
"color": map-deep-get($config-global, "color", "border", "default"),
"radius": 10px,
"width": 1px,
),
"padding": map-deep-get($config-global, "spacing", "horizontal"),
),
/* Mini cart */
"mini-cart": (
/* Color */
"color": (
"background": map-deep-get($config-global, "color", "foreground", "default"),
"border": map-deep-get($config-global, "color", "border", "dark"),
"text": map-deep-get($config-global, "color", "background", "default"),
"subtotal": map-deep-get($config-global, "color", "foreground", "default"),
"count": map-deep-get($config-global, "color", "foreground", "light"),
),
/* Button */
"button": (
"color": map-deep-get($config-button, "color", "text"),
"background-color": map-deep-get($config-button, "color", "background"),
),
"width": #{25 * map-deep-get($config-global, "spacing", "unit")},
),
/* Star Rating */
"star-rating": (
/* Color */
"color": map-deep-get($config-global, "color", "alert", "warning"),
),
);

View file

@ -0,0 +1,74 @@
/**
* WooCommerce Styles
* - These styles should only be loaded when WooCommerce is active
*/
/**
* Abstracts
* - Functions and config
*/
@import "../../varia/sass/abstracts/functions";
@import "../../varia/sass/abstracts/config-global";
/**
* Child Theme Name Config
*/
@import "config-child-theme-deep";
/**
* WooCommerce Config
*/
@import "config-child-theme-woocommerce";
/**
* Varia Mixins
*/
@import "../../varia/sass/abstracts/mixins";
/**
* Varia Responsive Logic
*/
@import "../../varia/sass/abstracts/responsive-logic";
/**
* Varia Extends
*/
@import "../../varia/sass/base/extends";
/**
* WooCommerce Styles
*/
@import "../../varia/sass/vendors/woocommerce/style";
/**
* Remove grid-products flexbox layout
*/
body[class*="woocommerce"] #page {
.main-navigation > div > ul > li:hover > a.woocommerce-cart-link,
.main-navigation > div > ul > li.focus > a.woocommerce-cart-link,
.main-navigation > div > ul > li.current-menu-item > a.woocommerce-cart-link {
.woocommerce-cart-subtotal,
.woocommerce-cart-count {
color: currentColor;
}
}
@include media(mobile) {
.widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) {
display: inherit;
& > li {
width: inherit;
&:nth-child(3n+2):last-child {
margin-left: inherit;
margin-right: inherit;
}
}
}
}
}

View file

@ -684,9 +684,7 @@ a {
.site-header:after,
.site-content:after,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
clear: both;
}
/**
@ -696,7 +694,7 @@ a {
header *,
main *,
footer * {
max-width: inherit;
max-width: unset;
}
html,
@ -2060,7 +2058,10 @@ table th,
*/
.aligncenter {
clear: both;
display: block;
float: none;
margin-left: auto;
margin-right: auto;
text-align: center;
}
@ -3006,36 +3007,43 @@ body:not(.fse-enabled) .footer-menu a {
margin-left: calc( $avatar-size + (0.5 * 16px));
}
@media only screen and (min-width: 560px) {
.comment-meta {
margin-left: inherit;
}
.comment-meta .comment-author {
line-height: 1.125;
margin-bottom: 4px;
padding-left: 40px;
max-width: calc(100% - 48px);
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author {
display: flex;
align-items: center;
margin-bottom: 0;
padding-left: 0;
}
}
.comment-meta .comment-author .fn {
word-wrap: break-word;
word-break: break-word;
hyphens: auto;
}
.comment-meta .comment-author .avatar {
display: block;
position: absolute;
left: 0;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author .avatar {
margin-left: 16px;
display: inherit;
position: inherit;
left: inherit;
}
}
.comment-meta .comment-metadata {
color: #222222;
padding-left: 40px;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-metadata {
padding-left: 0;
}
}
.comment-meta .comment-metadata a {
@ -3048,10 +3056,29 @@ body:not(.fse-enabled) .footer-menu a {
@media only screen and (min-width: 560px) {
.comment-meta {
margin-left: inherit;
align-items: center;
display: flex;
justify-content: space-between;
}
.comment-meta .comment-author {
display: flex;
align-items: center;
max-width: inherit;
flex: 0 1 auto;
}
.comment-meta .comment-author .fn {
padding-left: 16px;
}
.comment-meta .comment-author .avatar {
margin-left: 16px;
display: inherit;
position: inherit;
left: inherit;
}
.comment-meta .comment-metadata {
flex: 0 1 auto;
}
}
.comment-metadata,

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

View file

@ -684,9 +684,7 @@ a {
.site-header:after,
.site-content:after,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
clear: both;
}
/**
@ -696,7 +694,7 @@ a {
header *,
main *,
footer * {
max-width: inherit;
max-width: unset;
}
html,
@ -2063,7 +2061,10 @@ table th,
*/
.aligncenter {
clear: both;
display: block;
float: none;
margin-right: auto;
margin-left: auto;
text-align: center;
}
@ -3023,36 +3024,43 @@ body:not(.fse-enabled) .footer-menu a {
margin-right: calc( $avatar-size + (0.5 * 16px));
}
@media only screen and (min-width: 560px) {
.comment-meta {
margin-right: inherit;
}
.comment-meta .comment-author {
line-height: 1.125;
margin-bottom: 4px;
padding-right: 40px;
max-width: calc(100% - 48px);
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author {
display: flex;
align-items: center;
margin-bottom: 0;
padding-right: 0;
}
}
.comment-meta .comment-author .fn {
word-wrap: break-word;
word-break: break-word;
hyphens: auto;
}
.comment-meta .comment-author .avatar {
display: block;
position: absolute;
right: 0;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author .avatar {
margin-right: 16px;
display: inherit;
position: inherit;
right: inherit;
}
}
.comment-meta .comment-metadata {
color: #222222;
padding-right: 40px;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-metadata {
padding-right: 0;
}
}
.comment-meta .comment-metadata a {
@ -3065,10 +3073,29 @@ body:not(.fse-enabled) .footer-menu a {
@media only screen and (min-width: 560px) {
.comment-meta {
margin-right: inherit;
align-items: center;
display: flex;
justify-content: space-between;
}
.comment-meta .comment-author {
display: flex;
align-items: center;
max-width: inherit;
flex: 0 1 auto;
}
.comment-meta .comment-author .fn {
padding-right: 16px;
}
.comment-meta .comment-author .avatar {
margin-right: 16px;
display: inherit;
position: inherit;
right: inherit;
}
.comment-meta .comment-metadata {
flex: 0 1 auto;
}
}
.comment-metadata,

View file

@ -100,7 +100,7 @@ $config-global: (
/* Spacing */
"spacing": (
"unit": (2 * $baseline-unit), // 16px
"measure": inherit, // Use ch units here. ie: 60ch = 60 character max-width
"measure": unset, // Use ch units here. ie: 60ch = 60 character max-width
"horizontal": (2 * $baseline-unit), // 16px
"vertical": (4 * $baseline-unit), // 32px matches default spacing in the editor.
),

View file

@ -10,7 +10,7 @@ License: GNU General Public License v2 or later
License URI: LICENSE
Template: varia
Text Domain: rivington
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, a8c-global-styles
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, jetpack-global-styles
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

View file

@ -11,7 +11,7 @@ License: GNU General Public License v2 or later
License URI: LICENSE
Template: varia
Text Domain: rivington
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, a8c-global-styles
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, jetpack-global-styles
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
@ -684,9 +684,7 @@ a {
.site-header:after,
.site-content:after,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
clear: both;
}
/**
@ -696,7 +694,7 @@ a {
header *,
main *,
footer * {
max-width: inherit;
max-width: unset;
}
html,
@ -1967,6 +1965,10 @@ hr.wp-block-separator {
*/
}
hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 96px;
}
hr.wp-block-separator.is-style-dots:before {
color: #353a46;
font-size: 1.95312rem;
@ -2056,7 +2058,10 @@ table th,
*/
.aligncenter {
clear: both;
display: block;
float: none;
margin-left: auto;
margin-right: auto;
text-align: center;
}
@ -3002,36 +3007,43 @@ body:not(.fse-enabled) .footer-menu a {
margin-left: calc( $avatar-size + (0.5 * 16px));
}
@media only screen and (min-width: 560px) {
.comment-meta {
margin-left: inherit;
}
.comment-meta .comment-author {
line-height: 1.125;
margin-bottom: 4px;
padding-left: 40px;
max-width: calc(100% - 48px);
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author {
display: flex;
align-items: center;
margin-bottom: 0;
padding-left: 0;
}
}
.comment-meta .comment-author .fn {
word-wrap: break-word;
word-break: break-word;
hyphens: auto;
}
.comment-meta .comment-author .avatar {
display: block;
position: absolute;
left: 0;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author .avatar {
margin-left: 16px;
display: inherit;
position: inherit;
left: inherit;
}
}
.comment-meta .comment-metadata {
color: #f2f2f2;
padding-left: 40px;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-metadata {
padding-left: 0;
}
}
.comment-meta .comment-metadata a {
@ -3044,10 +3056,29 @@ body:not(.fse-enabled) .footer-menu a {
@media only screen and (min-width: 560px) {
.comment-meta {
margin-left: inherit;
align-items: center;
display: flex;
justify-content: space-between;
}
.comment-meta .comment-author {
display: flex;
align-items: center;
max-width: inherit;
flex: 0 1 auto;
}
.comment-meta .comment-author .fn {
padding-left: 16px;
}
.comment-meta .comment-author .avatar {
margin-left: 16px;
display: inherit;
position: inherit;
left: inherit;
}
.comment-meta .comment-metadata {
flex: 0 1 auto;
}
}
.comment-metadata,

View file

@ -11,7 +11,7 @@ License: GNU General Public License v2 or later
License URI: LICENSE
Template: varia
Text Domain: rivington
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, a8c-global-styles
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, jetpack-global-styles
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
@ -684,9 +684,7 @@ a {
.site-header:after,
.site-content:after,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
clear: both;
}
/**
@ -696,7 +694,7 @@ a {
header *,
main *,
footer * {
max-width: inherit;
max-width: unset;
}
html,
@ -1967,6 +1965,10 @@ hr.wp-block-separator {
*/
}
hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 96px;
}
hr.wp-block-separator.is-style-dots:before {
color: #353a46;
font-size: 1.95312rem;
@ -2059,7 +2061,10 @@ table th,
*/
.aligncenter {
clear: both;
display: block;
float: none;
margin-right: auto;
margin-left: auto;
text-align: center;
}
@ -3019,36 +3024,43 @@ body:not(.fse-enabled) .footer-menu a {
margin-right: calc( $avatar-size + (0.5 * 16px));
}
@media only screen and (min-width: 560px) {
.comment-meta {
margin-right: inherit;
}
.comment-meta .comment-author {
line-height: 1.125;
margin-bottom: 4px;
padding-right: 40px;
max-width: calc(100% - 48px);
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author {
display: flex;
align-items: center;
margin-bottom: 0;
padding-right: 0;
}
}
.comment-meta .comment-author .fn {
word-wrap: break-word;
word-break: break-word;
hyphens: auto;
}
.comment-meta .comment-author .avatar {
display: block;
position: absolute;
right: 0;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author .avatar {
margin-right: 16px;
display: inherit;
position: inherit;
right: inherit;
}
}
.comment-meta .comment-metadata {
color: #f2f2f2;
padding-right: 40px;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-metadata {
padding-right: 0;
}
}
.comment-meta .comment-metadata a {
@ -3061,10 +3073,29 @@ body:not(.fse-enabled) .footer-menu a {
@media only screen and (min-width: 560px) {
.comment-meta {
margin-right: inherit;
align-items: center;
display: flex;
justify-content: space-between;
}
.comment-meta .comment-author {
display: flex;
align-items: center;
max-width: inherit;
flex: 0 1 auto;
}
.comment-meta .comment-author .fn {
padding-right: 16px;
}
.comment-meta .comment-author .avatar {
margin-right: 16px;
display: inherit;
position: inherit;
right: inherit;
}
.comment-meta .comment-metadata {
flex: 0 1 auto;
}
}
.comment-metadata,

View file

@ -1,6 +1,6 @@
{
"name": "rockfield",
"version": "1.2.1",
"version": "1.2.2",
"lockfileVersion": 1,
"requires": true,
"dependencies": {

View file

@ -1,6 +1,6 @@
{
"name": "rockfield",
"version": "1.2.1",
"version": "1.2.2",
"description": "Rockfield",
"bugs": {
"url": "https://github.com/Automattic/themes/issues"

View file

@ -5,12 +5,12 @@ Author: Automattic
Author URI: https://automattic.com/
Description: Rockfield is a refined theme designed for restaurants and food-related businesses seeking a classic, elegant look.
Requires at least: WordPress 4.9.6
Version: 1.2.1
Version: 1.2.2
License: GNU General Public License v2 or later
License URI: LICENSE
Template: varia
Text Domain: rockfield
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, a8c-global-styles
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, jetpack-global-styles
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

View file

@ -6,7 +6,7 @@ Author: Automattic
Author URI: https://automattic.com/
Description: Rockfield is a refined theme designed for restaurants and food-related businesses seeking a classic, elegant look.
Requires at least: WordPress 4.9.6
Version: 1.2.1
Version: 1.2.2
License: GNU General Public License v2 or later
License URI: LICENSE
Template: varia
@ -2058,7 +2058,10 @@ table th,
*/
.aligncenter {
clear: both;
display: block;
float: none;
margin-left: auto;
margin-right: auto;
text-align: center;
}
@ -3004,36 +3007,43 @@ body:not(.fse-enabled) .footer-menu a {
margin-left: calc( $avatar-size + (0.5 * 16px));
}
@media only screen and (min-width: 560px) {
.comment-meta {
margin-left: inherit;
}
.comment-meta .comment-author {
line-height: 1.125;
margin-bottom: 4px;
padding-left: 40px;
max-width: calc(100% - 48px);
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author {
display: flex;
align-items: center;
margin-bottom: 0;
padding-left: 0;
}
}
.comment-meta .comment-author .fn {
word-wrap: break-word;
word-break: break-word;
hyphens: auto;
}
.comment-meta .comment-author .avatar {
display: block;
position: absolute;
left: 0;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author .avatar {
margin-left: 16px;
display: inherit;
position: inherit;
left: inherit;
}
}
.comment-meta .comment-metadata {
color: #444444;
padding-left: 40px;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-metadata {
padding-left: 0;
}
}
.comment-meta .comment-metadata a {
@ -3046,10 +3056,29 @@ body:not(.fse-enabled) .footer-menu a {
@media only screen and (min-width: 560px) {
.comment-meta {
margin-left: inherit;
align-items: center;
display: flex;
justify-content: space-between;
}
.comment-meta .comment-author {
display: flex;
align-items: center;
max-width: inherit;
flex: 0 1 auto;
}
.comment-meta .comment-author .fn {
padding-left: 16px;
}
.comment-meta .comment-author .avatar {
margin-left: 16px;
display: inherit;
position: inherit;
left: inherit;
}
.comment-meta .comment-metadata {
flex: 0 1 auto;
}
}
.comment-metadata,

View file

@ -6,7 +6,7 @@ Author: Automattic
Author URI: https://automattic.com/
Description: Rockfield is a refined theme designed for restaurants and food-related businesses seeking a classic, elegant look.
Requires at least: WordPress 4.9.6
Version: 1.2.1
Version: 1.2.2
License: GNU General Public License v2 or later
License URI: LICENSE
Template: varia
@ -2061,7 +2061,10 @@ table th,
*/
.aligncenter {
clear: both;
display: block;
float: none;
margin-right: auto;
margin-left: auto;
text-align: center;
}
@ -3021,36 +3024,43 @@ body:not(.fse-enabled) .footer-menu a {
margin-right: calc( $avatar-size + (0.5 * 16px));
}
@media only screen and (min-width: 560px) {
.comment-meta {
margin-right: inherit;
}
.comment-meta .comment-author {
line-height: 1.125;
margin-bottom: 4px;
padding-right: 40px;
max-width: calc(100% - 48px);
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author {
display: flex;
align-items: center;
margin-bottom: 0;
padding-right: 0;
}
}
.comment-meta .comment-author .fn {
word-wrap: break-word;
word-break: break-word;
hyphens: auto;
}
.comment-meta .comment-author .avatar {
display: block;
position: absolute;
right: 0;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author .avatar {
margin-right: 16px;
display: inherit;
position: inherit;
right: inherit;
}
}
.comment-meta .comment-metadata {
color: #444444;
padding-right: 40px;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-metadata {
padding-right: 0;
}
}
.comment-meta .comment-metadata a {
@ -3063,10 +3073,29 @@ body:not(.fse-enabled) .footer-menu a {
@media only screen and (min-width: 560px) {
.comment-meta {
margin-right: inherit;
align-items: center;
display: flex;
justify-content: space-between;
}
.comment-meta .comment-author {
display: flex;
align-items: center;
max-width: inherit;
flex: 0 1 auto;
}
.comment-meta .comment-author .fn {
padding-right: 16px;
}
.comment-meta .comment-author .avatar {
margin-right: 16px;
display: inherit;
position: inherit;
right: inherit;
}
.comment-meta .comment-metadata {
flex: 0 1 auto;
}
}
.comment-metadata,

View file

@ -100,7 +100,7 @@ $config-global: (
/* Spacing */
"spacing": (
"unit": (2 * $baseline-unit), // 16px
"measure": inherit, // Use ch units here. ie: 60ch = 60 character max-width
"measure": unset, // Use ch units here. ie: 60ch = 60 character max-width
"horizontal": (2 * $baseline-unit), // 16px
"vertical": (4 * $baseline-unit), // 32px matches default spacing in the editor.
),

View file

@ -0,0 +1,48 @@
/**
* Redefine Sass map values for child theme WooCommerce output.
*/
$config-woocommerce: (
/* Tables */
"table": (
/* Borders */
"border": (
"color": map-deep-get($config-global, "color", "border", "default"),
"radius": 0,
"width": 1px,
),
"padding": map-deep-get($config-global, "spacing", "unit"),
),
/* Tabs */
"tabs": (
/* Borders */
"border": (
"color": map-deep-get($config-global, "color", "border", "default"),
"radius": 10px,
"width": 1px,
),
"padding": map-deep-get($config-global, "spacing", "horizontal"),
),
/* Mini cart */
"mini-cart": (
/* Color */
"color": (
"subtotal": map-deep-get($config-global, "color", "white"),
"count": map-deep-get($config-global, "color", "white"),
),
/* Button */
"button": (
"color": map-deep-get($config-global, "color", "primary", "default"),
"background-color": map-deep-get($config-global, "color", "white"),
),
),
/* Star Rating */
"star-rating": (
/* Color */
"color": map-deep-get($config-global, "color", "alert", "warning"),
),
);

View file

@ -0,0 +1,35 @@
/**
* WooCommerce Styles
* - These styles should be loaded when WooCommerce is active
*/
/**
* Abstracts
* - Functions and config
*/
@import "../../varia/sass/abstracts/functions";
/**
* Shawburn Config
*/
@import "config-child-theme-deep";
/**
* WooCommerce Config
*/
@import "config-child-theme-woocommerce";
/**
* Varia Mixins
*/
@import "../../varia/sass/abstracts/mixins";
/**
* Varia Extends
*/
@import "../../varia/sass/base/extends";
/**
* WooCommerce Styles
*/
@import "../../varia/sass/vendors/woocommerce/style";

View file

@ -10,7 +10,7 @@ License: GNU General Public License v2 or later
License URI: LICENSE
Template: varia
Text Domain: shawburn
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, a8c-global-styles
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, jetpack-global-styles
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

View file

@ -11,7 +11,7 @@ License: GNU General Public License v2 or later
License URI: LICENSE
Template: varia
Text Domain: shawburn
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, a8c-global-styles
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, jetpack-global-styles
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
@ -684,9 +684,7 @@ a {
.site-header:after,
.site-content:after,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
clear: both;
}
/**
@ -696,7 +694,7 @@ a {
header *,
main *,
footer * {
max-width: inherit;
max-width: unset;
}
html,
@ -2060,7 +2058,10 @@ table th,
*/
.aligncenter {
clear: both;
display: block;
float: none;
margin-left: auto;
margin-right: auto;
text-align: center;
}
@ -3005,36 +3006,43 @@ body:not(.fse-enabled) .footer-menu a {
margin-left: calc( $avatar-size + (0.5 * 16px));
}
@media only screen and (min-width: 560px) {
.comment-meta {
margin-left: inherit;
}
.comment-meta .comment-author {
line-height: 1.125;
margin-bottom: 4px;
padding-left: 40px;
max-width: calc(100% - 48px);
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author {
display: flex;
align-items: center;
margin-bottom: 0;
padding-left: 0;
}
}
.comment-meta .comment-author .fn {
word-wrap: break-word;
word-break: break-word;
hyphens: auto;
}
.comment-meta .comment-author .avatar {
display: block;
position: absolute;
left: 0;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author .avatar {
margin-left: 16px;
display: inherit;
position: inherit;
left: inherit;
}
}
.comment-meta .comment-metadata {
color: #444444;
padding-left: 40px;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-metadata {
padding-left: 0;
}
}
.comment-meta .comment-metadata a {
@ -3047,10 +3055,29 @@ body:not(.fse-enabled) .footer-menu a {
@media only screen and (min-width: 560px) {
.comment-meta {
margin-left: inherit;
align-items: center;
display: flex;
justify-content: space-between;
}
.comment-meta .comment-author {
display: flex;
align-items: center;
max-width: inherit;
flex: 0 1 auto;
}
.comment-meta .comment-author .fn {
padding-left: 16px;
}
.comment-meta .comment-author .avatar {
margin-left: 16px;
display: inherit;
position: inherit;
left: inherit;
}
.comment-meta .comment-metadata {
flex: 0 1 auto;
}
}
.comment-metadata,

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

View file

@ -11,7 +11,7 @@ License: GNU General Public License v2 or later
License URI: LICENSE
Template: varia
Text Domain: shawburn
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, a8c-global-styles
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, jetpack-global-styles
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
@ -684,9 +684,7 @@ a {
.site-header:after,
.site-content:after,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
clear: both;
}
/**
@ -696,7 +694,7 @@ a {
header *,
main *,
footer * {
max-width: inherit;
max-width: unset;
}
html,
@ -2063,7 +2061,10 @@ table th,
*/
.aligncenter {
clear: both;
display: block;
float: none;
margin-right: auto;
margin-left: auto;
text-align: center;
}
@ -3022,36 +3023,43 @@ body:not(.fse-enabled) .footer-menu a {
margin-right: calc( $avatar-size + (0.5 * 16px));
}
@media only screen and (min-width: 560px) {
.comment-meta {
margin-right: inherit;
}
.comment-meta .comment-author {
line-height: 1.125;
margin-bottom: 4px;
padding-right: 40px;
max-width: calc(100% - 48px);
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author {
display: flex;
align-items: center;
margin-bottom: 0;
padding-right: 0;
}
}
.comment-meta .comment-author .fn {
word-wrap: break-word;
word-break: break-word;
hyphens: auto;
}
.comment-meta .comment-author .avatar {
display: block;
position: absolute;
right: 0;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author .avatar {
margin-right: 16px;
display: inherit;
position: inherit;
right: inherit;
}
}
.comment-meta .comment-metadata {
color: #444444;
padding-right: 40px;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-metadata {
padding-right: 0;
}
}
.comment-meta .comment-metadata a {
@ -3064,10 +3072,29 @@ body:not(.fse-enabled) .footer-menu a {
@media only screen and (min-width: 560px) {
.comment-meta {
margin-right: inherit;
align-items: center;
display: flex;
justify-content: space-between;
}
.comment-meta .comment-author {
display: flex;
align-items: center;
max-width: inherit;
flex: 0 1 auto;
}
.comment-meta .comment-author .fn {
padding-right: 16px;
}
.comment-meta .comment-author .avatar {
margin-right: 16px;
display: inherit;
position: inherit;
right: inherit;
}
.comment-meta .comment-metadata {
flex: 0 1 auto;
}
}
.comment-metadata,

View file

@ -100,7 +100,7 @@ $config-global: (
/* Spacing */
"spacing": (
"unit": (2 * $baseline-unit), // 16px
"measure": inherit, // Use ch units here. ie: 60ch = 60 character max-width
"measure": unset, // Use ch units here. ie: 60ch = 60 character max-width
"horizontal": (2 * $baseline-unit), // 16px
"vertical": (4 * $baseline-unit), // 32px matches default spacing in the editor.
),

View file

@ -10,7 +10,7 @@ License: GNU General Public License v2 or later
License URI: LICENSE
Template: varia
Text Domain: stow
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, a8c-global-styles
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, jetpack-global-styles
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

View file

@ -11,7 +11,7 @@ License: GNU General Public License v2 or later
License URI: LICENSE
Template: varia
Text Domain: stow
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, a8c-global-styles
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, jetpack-global-styles
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
@ -694,7 +694,7 @@ a {
header *,
main *,
footer * {
max-width: inherit;
max-width: unset;
}
html,
@ -2058,7 +2058,10 @@ table th,
*/
.aligncenter {
clear: both;
display: block;
float: none;
margin-left: auto;
margin-right: auto;
text-align: center;
}
@ -3004,36 +3007,43 @@ body:not(.fse-enabled) .footer-menu a {
margin-left: calc( $avatar-size + (0.5 * 16px));
}
@media only screen and (min-width: 560px) {
.comment-meta {
margin-left: inherit;
}
.comment-meta .comment-author {
line-height: 1.125;
margin-bottom: 4px;
padding-left: 40px;
max-width: calc(100% - 48px);
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author {
display: flex;
align-items: center;
margin-bottom: 0;
padding-left: 0;
}
}
.comment-meta .comment-author .fn {
word-wrap: break-word;
word-break: break-word;
hyphens: auto;
}
.comment-meta .comment-author .avatar {
display: block;
position: absolute;
left: 0;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author .avatar {
margin-left: 16px;
display: inherit;
position: inherit;
left: inherit;
}
}
.comment-meta .comment-metadata {
color: #444444;
padding-left: 40px;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-metadata {
padding-left: 0;
}
}
.comment-meta .comment-metadata a {
@ -3046,10 +3056,29 @@ body:not(.fse-enabled) .footer-menu a {
@media only screen and (min-width: 560px) {
.comment-meta {
margin-left: inherit;
align-items: center;
display: flex;
justify-content: space-between;
}
.comment-meta .comment-author {
display: flex;
align-items: center;
max-width: inherit;
flex: 0 1 auto;
}
.comment-meta .comment-author .fn {
padding-left: 16px;
}
.comment-meta .comment-author .avatar {
margin-left: 16px;
display: inherit;
position: inherit;
left: inherit;
}
.comment-meta .comment-metadata {
flex: 0 1 auto;
}
}
.comment-metadata,

View file

@ -11,7 +11,7 @@ License: GNU General Public License v2 or later
License URI: LICENSE
Template: varia
Text Domain: stow
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, a8c-global-styles
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, jetpack-global-styles
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
@ -694,7 +694,7 @@ a {
header *,
main *,
footer * {
max-width: inherit;
max-width: unset;
}
html,
@ -2061,7 +2061,10 @@ table th,
*/
.aligncenter {
clear: both;
display: block;
float: none;
margin-right: auto;
margin-left: auto;
text-align: center;
}
@ -3021,36 +3024,43 @@ body:not(.fse-enabled) .footer-menu a {
margin-right: calc( $avatar-size + (0.5 * 16px));
}
@media only screen and (min-width: 560px) {
.comment-meta {
margin-right: inherit;
}
.comment-meta .comment-author {
line-height: 1.125;
margin-bottom: 4px;
padding-right: 40px;
max-width: calc(100% - 48px);
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author {
display: flex;
align-items: center;
margin-bottom: 0;
padding-right: 0;
}
}
.comment-meta .comment-author .fn {
word-wrap: break-word;
word-break: break-word;
hyphens: auto;
}
.comment-meta .comment-author .avatar {
display: block;
position: absolute;
right: 0;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author .avatar {
margin-right: 16px;
display: inherit;
position: inherit;
right: inherit;
}
}
.comment-meta .comment-metadata {
color: #444444;
padding-right: 40px;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-metadata {
padding-right: 0;
}
}
.comment-meta .comment-metadata a {
@ -3063,10 +3073,29 @@ body:not(.fse-enabled) .footer-menu a {
@media only screen and (min-width: 560px) {
.comment-meta {
margin-right: inherit;
align-items: center;
display: flex;
justify-content: space-between;
}
.comment-meta .comment-author {
display: flex;
align-items: center;
max-width: inherit;
flex: 0 1 auto;
}
.comment-meta .comment-author .fn {
padding-right: 16px;
}
.comment-meta .comment-author .avatar {
margin-right: 16px;
display: inherit;
position: inherit;
right: inherit;
}
.comment-meta .comment-metadata {
flex: 0 1 auto;
}
}
.comment-metadata,

View file

@ -100,7 +100,7 @@ $config-global: (
/* Spacing */
"spacing": (
"unit": (2 * $baseline-unit), // 16px
"measure": inherit, // Use ch units here. ie: 60ch = 60 character max-width
"measure": unset, // Use ch units here. ie: 60ch = 60 character max-width
"horizontal": (2 * $baseline-unit), // 16px
"vertical": (4 * $baseline-unit), // 32px matches default spacing in the editor.
),

View file

@ -10,7 +10,7 @@ License: GNU General Public License v2 or later
License URI: LICENSE
Template: varia
Text Domain: stratford
Tags: one-column, fixed-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, a8c-global-styles
Tags: one-column, fixed-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, jetpack-global-styles
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

View file

@ -11,7 +11,7 @@ License: GNU General Public License v2 or later
License URI: LICENSE
Template: varia
Text Domain: stratford
Tags: one-column, fixed-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, a8c-global-styles
Tags: one-column, fixed-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, jetpack-global-styles
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
@ -694,7 +694,7 @@ a {
header *,
main *,
footer * {
max-width: inherit;
max-width: unset;
}
html,
@ -2058,7 +2058,10 @@ table th,
*/
.aligncenter {
clear: both;
display: block;
float: none;
margin-left: auto;
margin-right: auto;
text-align: center;
}
@ -3004,36 +3007,43 @@ body:not(.fse-enabled) .footer-menu a {
margin-left: calc( $avatar-size + (0.5 * 16px));
}
@media only screen and (min-width: 560px) {
.comment-meta {
margin-left: inherit;
}
.comment-meta .comment-author {
line-height: 1.125;
margin-bottom: 4px;
padding-left: 40px;
max-width: calc(100% - 48px);
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author {
display: flex;
align-items: center;
margin-bottom: 0;
padding-left: 0;
}
}
.comment-meta .comment-author .fn {
word-wrap: break-word;
word-break: break-word;
hyphens: auto;
}
.comment-meta .comment-author .avatar {
display: block;
position: absolute;
left: 0;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author .avatar {
margin-left: 16px;
display: inherit;
position: inherit;
left: inherit;
}
}
.comment-meta .comment-metadata {
color: #74767e;
padding-left: 40px;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-metadata {
padding-left: 0;
}
}
.comment-meta .comment-metadata a {
@ -3046,10 +3056,29 @@ body:not(.fse-enabled) .footer-menu a {
@media only screen and (min-width: 560px) {
.comment-meta {
margin-left: inherit;
align-items: center;
display: flex;
justify-content: space-between;
}
.comment-meta .comment-author {
display: flex;
align-items: center;
max-width: inherit;
flex: 0 1 auto;
}
.comment-meta .comment-author .fn {
padding-left: 16px;
}
.comment-meta .comment-author .avatar {
margin-left: 16px;
display: inherit;
position: inherit;
left: inherit;
}
.comment-meta .comment-metadata {
flex: 0 1 auto;
}
}
.comment-metadata,

View file

@ -11,7 +11,7 @@ License: GNU General Public License v2 or later
License URI: LICENSE
Template: varia
Text Domain: stratford
Tags: one-column, fixed-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, a8c-global-styles
Tags: one-column, fixed-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, jetpack-global-styles
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
@ -694,7 +694,7 @@ a {
header *,
main *,
footer * {
max-width: inherit;
max-width: unset;
}
html,
@ -2061,7 +2061,10 @@ table th,
*/
.aligncenter {
clear: both;
display: block;
float: none;
margin-right: auto;
margin-left: auto;
text-align: center;
}
@ -3021,36 +3024,43 @@ body:not(.fse-enabled) .footer-menu a {
margin-right: calc( $avatar-size + (0.5 * 16px));
}
@media only screen and (min-width: 560px) {
.comment-meta {
margin-right: inherit;
}
.comment-meta .comment-author {
line-height: 1.125;
margin-bottom: 4px;
padding-right: 40px;
max-width: calc(100% - 48px);
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author {
display: flex;
align-items: center;
margin-bottom: 0;
padding-right: 0;
}
}
.comment-meta .comment-author .fn {
word-wrap: break-word;
word-break: break-word;
hyphens: auto;
}
.comment-meta .comment-author .avatar {
display: block;
position: absolute;
right: 0;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author .avatar {
margin-right: 16px;
display: inherit;
position: inherit;
right: inherit;
}
}
.comment-meta .comment-metadata {
color: #74767e;
padding-right: 40px;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-metadata {
padding-right: 0;
}
}
.comment-meta .comment-metadata a {
@ -3063,10 +3073,29 @@ body:not(.fse-enabled) .footer-menu a {
@media only screen and (min-width: 560px) {
.comment-meta {
margin-right: inherit;
align-items: center;
display: flex;
justify-content: space-between;
}
.comment-meta .comment-author {
display: flex;
align-items: center;
max-width: inherit;
flex: 0 1 auto;
}
.comment-meta .comment-author .fn {
padding-right: 16px;
}
.comment-meta .comment-author .avatar {
margin-right: 16px;
display: inherit;
position: inherit;
right: inherit;
}
.comment-meta .comment-metadata {
flex: 0 1 auto;
}
}
.comment-metadata,

View file

@ -195,9 +195,9 @@ if ( ! function_exists( 'varia_setup' ) ) :
// Add support for responsive embedded content.
add_theme_support( 'responsive-embeds' );
// Add support for Global Styles as defined by the a8c plugin.
// Add support for Global Styles.
add_theme_support(
'a8c-global-styles',
'jetpack-global-styles',
[
'enable_theme_default' => true,
]

View file

@ -165,6 +165,28 @@ function varia_nav_menu_link_attributes( $atts, $item, $args, $depth ) {
}
add_filter( 'nav_menu_link_attributes', 'varia_nav_menu_link_attributes', 10, 4 );
/*
* Create the continue reading link
*/
function varia_continue_reading_link() {
if ( ! is_admin() ) {
$continue_reading = sprintf(
/* translators: %s: Name of current post. */
wp_kses( __( 'Continue reading %s', 'varia' ), array( 'span' => array( 'class' => array() ) ) ),
the_title( '<span class="screen-reader-text">"', '"</span>', false )
);
return '<a class="more-link" href="' . esc_url( get_permalink() ) . '">' . $continue_reading . '</a>';
}
}
// Filter the excerpt more link
add_filter( 'excerpt_more', 'varia_continue_reading_link' );
// Filter the content more link
add_filter( 'the_content_more_link', 'varia_continue_reading_link' );
/**
* Add a dropdown icon to top-level menu items.
*

View file

@ -185,15 +185,29 @@ function varia_add_cart_menu( $nav, $args ) {
if ( $args->theme_location == 'menu-1' ) {
return sprintf(
'%1$s
<li class="menu-item woocommerce-menu-item %6$s" title="%2$s">
%4$s
</ul></div>
<input type="checkbox" role="button" aria-haspopup="true" id="woocommerce-toggle" class="hide-visually">
<label for="woocommerce-toggle" id="toggle-cart" class="button">%2$s %3$s
<span class="dropdown-icon open">+</span>
<span class="dropdown-icon close">×</span>
<span class="hide-visually expanded-text">%4$s</span>
<span class="hide-visually collapsed-text">%5$s</span>
</label>
<div class="woocommerce-menu-container">
<ul id="woocommerce-menu" class="main-menu" aria-label="submenu">
<li class="menu-item woocommerce-menu-item %10$s" title="%6$s">
%8$s
<ul class="sub-menu">
<li class="woocommerce-cart-widget" title="%3$s">
%5$s
<li class="woocommerce-cart-widget" title="%7$s">
%9$s
</li>
</ul>
</li>',
$nav,
varia_get_icon_svg( 'shopping_cart', 16 ),
esc_html__( 'Cart', 'varia' ),
esc_html__( 'expanded', 'varia' ),
esc_html__( 'collapsed', 'varia' ),
esc_attr__( 'View your shopping cart', 'varia' ),
esc_attr__( 'View your shopping list', 'varia' ),
varia_cart_link(),

View file

@ -1,6 +1,6 @@
{
"name": "varia",
"version": "1.3.0",
"version": "1.3.1",
"lockfileVersion": 1,
"requires": true,
"dependencies": {

View file

@ -1,6 +1,6 @@
{
"name": "varia",
"version": "1.3.0",
"version": "1.3.1",
"description": "A variable-based design system for WordPress sites built with Gutenberg.",
"bugs": {
"url": "https://github.com/Automattic/themes/issues?q=is%3Aopen+is%3Aissue+label%3Avaria"

View file

@ -1,6 +1,6 @@
=== Varia ===
Contributors: the WordPress team
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, a8c-global-styles
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, jetpack-global-styles
Requires at least: 4.9.6
Tested up to: WordPress 5.0
Stable tag: 1.1.0

View file

@ -105,7 +105,7 @@ $config-global: (
// Spacing
"spacing": (
"unit": (2 * $baseline-unit), // 16px
"measure": inherit, // Use ch units here. ie: 60ch = 60 character max-width
"measure": unset, // Use ch units here. ie: 60ch = 60 character max-width
"horizontal": (2 * $baseline-unit), // 16px
"vertical": (4 * $baseline-unit), // 32px matches default spacing in the editor.
),

View file

@ -34,7 +34,7 @@ $config-woocommerce: (
/* Color */
"color": (
"background": map-deep-get($config-global, "color", "background", "default"),
"border": map-deep-get($config-global, "color", "border", "dark"),
"border": map-deep-get($config-global, "color", "border", "default"),
"text": map-deep-get($config-global, "color", "foreground", "default"),
"subtotal": map-deep-get($config-global, "color", "foreground", "default"),
"count": map-deep-get($config-global, "color", "foreground", "light"),

View file

@ -10,7 +10,7 @@ License: GNU General Public License v2 or later
License URI: LICENSE
Template: varia
Text Domain: varia-child-theme
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, full-site-editing, a8c-global-styles
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, full-site-editing, jetpack-global-styles
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

View file

@ -81,14 +81,11 @@
margin-right: calc( $avatar-size + (0.5 * #{map-deep-get($config-global, "spacing", "horizontal")}) );
@include media(mobile) {
margin-right: inherit;
}
.comment-author {
line-height: #{map-deep-get($config-global, "font", "line-height", "heading")};
margin-bottom: #{.25 * map-deep-get($config-global, "spacing", "unit")};
padding-right: #{2.5 * map-deep-get($config-global, "spacing", "horizontal")};
max-width: calc(100% - #{3 * map-deep-get($config-global, "spacing", "horizontal")});
@include media(mobile) {
display: flex;
@ -97,17 +94,16 @@
padding-right: 0;
}
.fn {
word-wrap: break-word;
word-break: break-word;
hyphens: auto;
}
.avatar {
display: block;
position: absolute;
right: 0;
@include media(mobile) {
margin-right: #{map-deep-get($config-global, "spacing", "horizontal")};
display: inherit;
position: inherit;
right: inherit;
}
}
}
@ -130,9 +126,32 @@
}
@include media(mobile) {
margin-right: inherit;
align-items: center;
display: flex;
justify-content: space-between;
.comment-author {
display: flex;
align-items: center;
max-width: inherit;
flex: 0 1 auto;
.fn {
padding-right: #{map-deep-get($config-global, "spacing", "horizontal")};
}
.avatar {
margin-right: #{map-deep-get($config-global, "spacing", "horizontal")};
display: inherit;
position: inherit;
right: inherit;
}
}
.comment-metadata {
flex: 0 1 auto;
}
}
}

Some files were not shown because too many files have changed in this diff Show more