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

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

Browse source
This commit is contained in:
Allan Cole 2019-10-24 17:10:26 -04:00
commit 618317d50f
12 changed files with 4607 additions and 199 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
alves/package.json
View file

@ -36,7 +36,9 @@
"start": "chokidar \"**/*.scss\" -c \"npm run build\" --initial",
"build:style": "node-sass sass/style-child-theme.scss style.css --output-style expanded --indent-type tab --indent-width 1 && postcss -r style.css",
"build:style-editor": "node-sass sass/style-child-theme-editor.scss style-editor.css --output-style expanded --indent-type tab --indent-width 1 && postcss -r style-editor.css",
"build:style-woocommerce": "node-sass sass/style-child-theme-woocommerce.scss style-woocommerce.css --output-style expanded --indent-type tab --indent-width 1 && postcss -r style-woocommerce.css",
"build:rtl": "rtlcss style.css style-rtl.css",
"build:woocommerce-rtl": "rtlcss style-woocommerce.css style-woocommerce-rtl.css",
"build:print": "node-sass sass/print.scss print.css --output-style expanded --indent-type tab --indent-width 1 && postcss -r print.css",
"build": "run-p \"build:*\"",
"watch": "chokidar \"**/*.scss\" -c \"npm run build\" --initial"

10
alves/sass/_config-child-theme-deep.scss
View file

@ -92,6 +92,12 @@ $config-global: (
"light": #fcfbf9,
"dark": #9B6A36,
),
"alert": (
"success": yellowgreen,
"info": skyblue,
"warning": gold,
"error": salmon,
),
"text-selection": lightblue,
"black": black,
"white": white,
@ -194,8 +200,8 @@ $config-button: (
"border-width": 2px,
// Padding
"padding": (
"vertical": (2 * $baseline-unit),
"horizontal": (6 * $baseline-unit),
"vertical": (2 * $baseline-unit),
"horizontal": (6 * $baseline-unit),
),
);

55
alves/sass/_config-child-theme-woocommerce.scss Normal file
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"),
),
);

41
alves/sass/style-child-theme-woocommerce.scss Executable file
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";

223
alves/style-rtl.css
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.
@ -188,6 +188,84 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
* Base
* - Reset the browser
*/
/**
* Button Placeholder style
* - Since buttons appear in various blocks,
* let’s use a placeholder to keep them all
* in-sync
*/
button,
.button,
input[type="submit"],
.wp-block-button__link,
.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
line-height: 1;
color: #ffffff;
cursor: pointer;
font-weight: bold;
font-family: "Karla", Arial, sans-serif;
font-family: var(--font-base, "Karla", Arial, sans-serif);
font-size: 1.04167rem;
background-color: #3E7D98;
border-radius: 160px;
border-width: 0;
padding: 16px 48px;
}
button:before,
.button:before,
input[type="submit"]:before,
.wp-block-button__link:before,
.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button:after,
.button:after,
input[type="submit"]:after,
.wp-block-button__link:after,
.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
content: '';
display: block;
height: 0;
width: 0;
}
button:before,
.button:before,
input[type="submit"]:before,
.wp-block-button__link:before,
.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
margin-bottom: -0.12em;
}
button:after,
.button:after,
input[type="submit"]:after,
.wp-block-button__link:after,
.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
margin-top: -0.11em;
}
button:hover,
.button:hover,
input:hover[type="submit"],
.wp-block-button__link:hover,
.wp-block-file__button:hover, .a8c-posts-list__view-all:hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:hover, button:focus,
.button:focus,
input:focus[type="submit"],
.wp-block-button__link:focus,
.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, button.has-focus,
.has-focus.button,
input.has-focus[type="submit"],
.has-focus.wp-block-button__link,
.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
color: #ffffff;
background-color: #2f5f74;
}
/**
* Onsale Placeholder style
* - Since buttons appear in various blocks,
* let’s use a placeholder to keep them all
* in-sync
*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
@ -684,9 +762,7 @@ a {
.site-header:after,
.site-content:after,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
clear: both;
}
/**
@ -861,7 +937,8 @@ footer {
.post-thumbnail > *,
.page-content > *,
.comment-content > *,
.author-bio > * {
.author-bio > *,
.widget-area > .widget > * {
margin-top: 16px;
margin-bottom: 16px;
}
@ -871,7 +948,8 @@ footer {
.post-thumbnail > *:first-child,
.page-content > *:first-child,
.comment-content > *:first-child,
.author-bio > *:first-child {
.author-bio > *:first-child,
.widget-area > .widget > *:first-child {
margin-top: 0;
}
@ -880,7 +958,8 @@ footer {
.post-thumbnail > *:last-child,
.page-content > *:last-child,
.comment-content > *:last-child,
.author-bio > *:last-child {
.author-bio > *:last-child,
.widget-area > .widget > *:last-child {
margin-bottom: 0;
}
@ -1071,77 +1150,8 @@ object {
}
/**
* Placeholder button style
* - Since buttons appear in various blocks,
* let’s use a placeholder to keep them all
* in-sync
* Button
*/
button,
.button,
input[type="submit"],
.wp-block-button__link,
.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
line-height: 1;
color: #ffffff;
cursor: pointer;
font-weight: bold;
font-family: "Karla", Arial, sans-serif;
font-family: var(--font-base, "Karla", Arial, sans-serif);
font-size: 1.04167rem;
background-color: #3E7D98;
border-radius: 160px;
border-width: 0;
padding: 16px 48px;
}
button:before,
.button:before,
input[type="submit"]:before,
.wp-block-button__link:before,
.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button:after,
.button:after,
input[type="submit"]:after,
.wp-block-button__link:after,
.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
content: '';
display: block;
height: 0;
width: 0;
}
button:before,
.button:before,
input[type="submit"]:before,
.wp-block-button__link:before,
.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
margin-bottom: -0.12em;
}
button:after,
.button:after,
input[type="submit"]:after,
.wp-block-button__link:after,
.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
margin-top: -0.11em;
}
button:hover,
.button:hover,
input:hover[type="submit"],
.wp-block-button__link:hover,
.wp-block-file__button:hover, .a8c-posts-list__view-all:hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:hover, button:focus,
.button:focus,
input:focus[type="submit"],
.wp-block-button__link:focus,
.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, button.has-focus,
.has-focus.button,
input.has-focus[type="submit"],
.has-focus.wp-block-button__link,
.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
color: #ffffff;
background-color: #2f5f74;
}
/**
* Block Options
*/
@ -1967,6 +1977,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 +2070,10 @@ table th,
*/
.aligncenter {
clear: both;
display: block;
float: none;
margin-left: auto;
margin-right: auto;
text-align: center;
}
@ -3002,36 +3019,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 +3068,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,

2095
alves/style-woocommerce-rtl.css Normal file
View file

File diff suppressed because it is too large Load diff

2095
alves/style-woocommerce.css Normal file
View file

File diff suppressed because it is too large Load diff

223
alves/style.css
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.
@ -188,6 +188,84 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
* Base
* - Reset the browser
*/
/**
* Button Placeholder style
* - Since buttons appear in various blocks,
* let’s use a placeholder to keep them all
* in-sync
*/
button,
.button,
input[type="submit"],
.wp-block-button__link,
.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
line-height: 1;
color: #ffffff;
cursor: pointer;
font-weight: bold;
font-family: "Karla", Arial, sans-serif;
font-family: var(--font-base, "Karla", Arial, sans-serif);
font-size: 1.04167rem;
background-color: #3E7D98;
border-radius: 160px;
border-width: 0;
padding: 16px 48px;
}
button:before,
.button:before,
input[type="submit"]:before,
.wp-block-button__link:before,
.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button:after,
.button:after,
input[type="submit"]:after,
.wp-block-button__link:after,
.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
content: '';
display: block;
height: 0;
width: 0;
}
button:before,
.button:before,
input[type="submit"]:before,
.wp-block-button__link:before,
.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
margin-bottom: -0.12em;
}
button:after,
.button:after,
input[type="submit"]:after,
.wp-block-button__link:after,
.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
margin-top: -0.11em;
}
button:hover,
.button:hover,
input:hover[type="submit"],
.wp-block-button__link:hover,
.wp-block-file__button:hover, .a8c-posts-list__view-all:hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:hover, button:focus,
.button:focus,
input:focus[type="submit"],
.wp-block-button__link:focus,
.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, button.has-focus,
.has-focus.button,
input.has-focus[type="submit"],
.has-focus.wp-block-button__link,
.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
color: #ffffff;
background-color: #2f5f74;
}
/**
* Onsale Placeholder style
* - Since buttons appear in various blocks,
* let’s use a placeholder to keep them all
* in-sync
*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
@ -684,9 +762,7 @@ a {
.site-header:after,
.site-content:after,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
clear: both;
}
/**
@ -861,7 +937,8 @@ footer {
.post-thumbnail > *,
.page-content > *,
.comment-content > *,
.author-bio > * {
.author-bio > *,
.widget-area > .widget > * {
margin-top: 16px;
margin-bottom: 16px;
}
@ -871,7 +948,8 @@ footer {
.post-thumbnail > *:first-child,
.page-content > *:first-child,
.comment-content > *:first-child,
.author-bio > *:first-child {
.author-bio > *:first-child,
.widget-area > .widget > *:first-child {
margin-top: 0;
}
@ -880,7 +958,8 @@ footer {
.post-thumbnail > *:last-child,
.page-content > *:last-child,
.comment-content > *:last-child,
.author-bio > *:last-child {
.author-bio > *:last-child,
.widget-area > .widget > *:last-child {
margin-bottom: 0;
}
@ -1071,77 +1150,8 @@ object {
}
/**
* Placeholder button style
* - Since buttons appear in various blocks,
* let’s use a placeholder to keep them all
* in-sync
* Button
*/
button,
.button,
input[type="submit"],
.wp-block-button__link,
.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
line-height: 1;
color: #ffffff;
cursor: pointer;
font-weight: bold;
font-family: "Karla", Arial, sans-serif;
font-family: var(--font-base, "Karla", Arial, sans-serif);
font-size: 1.04167rem;
background-color: #3E7D98;
border-radius: 160px;
border-width: 0;
padding: 16px 48px;
}
button:before,
.button:before,
input[type="submit"]:before,
.wp-block-button__link:before,
.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button:after,
.button:after,
input[type="submit"]:after,
.wp-block-button__link:after,
.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
content: '';
display: block;
height: 0;
width: 0;
}
button:before,
.button:before,
input[type="submit"]:before,
.wp-block-button__link:before,
.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
margin-bottom: -0.12em;
}
button:after,
.button:after,
input[type="submit"]:after,
.wp-block-button__link:after,
.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
margin-top: -0.11em;
}
button:hover,
.button:hover,
input:hover[type="submit"],
.wp-block-button__link:hover,
.wp-block-file__button:hover, .a8c-posts-list__view-all:hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:hover, button:focus,
.button:focus,
input:focus[type="submit"],
.wp-block-button__link:focus,
.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, button.has-focus,
.has-focus.button,
input.has-focus[type="submit"],
.has-focus.wp-block-button__link,
.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
color: #ffffff;
background-color: #2f5f74;
}
/**
* Block Options
*/
@ -1967,6 +1977,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 +2073,10 @@ table th,
*/
.aligncenter {
clear: both;
display: block;
float: none;
margin-right: auto;
margin-left: auto;
text-align: center;
}
@ -3019,36 +3036,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 +3085,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,

3
varia/sass/vendors/woocommerce/layout/_structure.scss vendored
View file

@ -80,7 +80,8 @@ body[class*="woocommerce"] #page .woocommerce-column--shipping-address,
body[class*="woocommerce"] #page .woocommerce-products-header,
body[class*="woocommerce"] #page .woocommerce-checkout,
body[class*="woocommerce"] #page .woocommerce-order-downloads,
body[class*="woocommerce"] #page .woocommerce-order-details {
body[class*="woocommerce"] #page .woocommerce-order-details,
body[class*="woocommerce"] #page .woocommerce-customer-details {
& > *:not(:first-child) {
margin-top: map-deep-get($config-global, "spacing", "unit");

9
varia/sass/vendors/woocommerce/pages/_my-account.scss vendored
View file

@ -3,13 +3,17 @@
*/
body[class*="woocommerce"] #page { // adding #page here to override default wc styles without !important
.woocommerce-MyAccount-navigation {
.entry-content .woocommerce-MyAccount-navigation {
width: 20%;
ul li a {
line-height: map-deep-get($config-global, "font", "line-height", "heading");
display: inline-table;
}
& + *:not(:first-child) {
margin-top: 0;
}
}
.woocommerce-MyAccount-content {
@ -37,6 +41,7 @@ body[class*="woocommerce"] #page { // adding #page here to override default wc s
}
}
.woocommerce-account .entry-content .woocommerce > h2 {
.woocommerce-account .entry-content .woocommerce > h2,
body[class*="woocommerce"] #page div[class*="woocommerce"] h2 {
font-size: map-deep-get($config-global, "font", "size", "lg");
}

25
varia/style-woocommerce-rtl.css
View file

@ -1322,7 +1322,8 @@ body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:not(:
body[class*="woocommerce"] #page .woocommerce-products-header > *:not(:first-child),
body[class*="woocommerce"] #page .woocommerce-checkout > *:not(:first-child),
body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(:first-child),
body[class*="woocommerce"] #page .woocommerce-order-details > *:not(:first-child) {
body[class*="woocommerce"] #page .woocommerce-order-details > *:not(:first-child),
body[class*="woocommerce"] #page .woocommerce-customer-details > *:not(:first-child) {
margin-top: 16px;
}
@ -1377,7 +1378,9 @@ body[class*="woocommerce"] #page .woocommerce-checkout > .price,
body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(:last-child),
body[class*="woocommerce"] #page .woocommerce-order-downloads > .price,
body[class*="woocommerce"] #page .woocommerce-order-details > *:not(:last-child),
body[class*="woocommerce"] #page .woocommerce-order-details > .price {
body[class*="woocommerce"] #page .woocommerce-order-details > .price,
body[class*="woocommerce"] #page .woocommerce-customer-details > *:not(:last-child),
body[class*="woocommerce"] #page .woocommerce-customer-details > .price {
margin-bottom: 16px;
}
@ -1432,7 +1435,9 @@ body[class*="woocommerce"] #page .woocommerce-checkout > .form-row-last,
body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(img):empty + *,
body[class*="woocommerce"] #page .woocommerce-order-downloads > .form-row-last,
body[class*="woocommerce"] #page .woocommerce-order-details > *:not(img):empty + *,
body[class*="woocommerce"] #page .woocommerce-order-details > .form-row-last {
body[class*="woocommerce"] #page .woocommerce-order-details > .form-row-last,
body[class*="woocommerce"] #page .woocommerce-customer-details > *:not(img):empty + *,
body[class*="woocommerce"] #page .woocommerce-customer-details > .form-row-last {
margin-top: 0;
}
@ -1461,7 +1466,8 @@ body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:empty
body[class*="woocommerce"] #page .woocommerce-products-header > *:empty,
body[class*="woocommerce"] #page .woocommerce-checkout > *:empty,
body[class*="woocommerce"] #page .woocommerce-order-downloads > *:empty,
body[class*="woocommerce"] #page .woocommerce-order-details > *:empty {
body[class*="woocommerce"] #page .woocommerce-order-details > *:empty,
body[class*="woocommerce"] #page .woocommerce-customer-details > *:empty {
margin: 0;
}
@ -1752,15 +1758,19 @@ body[class*="woocommerce"] #page .woocommerce-invalid #terms {
/**
* Account page
*/
body[class*="woocommerce"] #page .woocommerce-MyAccount-navigation {
body[class*="woocommerce"] #page .entry-content .woocommerce-MyAccount-navigation {
width: 20%;
}
body[class*="woocommerce"] #page .woocommerce-MyAccount-navigation ul li a {
body[class*="woocommerce"] #page .entry-content .woocommerce-MyAccount-navigation ul li a {
line-height: 1.125;
display: inline-table;
}
body[class*="woocommerce"] #page .entry-content .woocommerce-MyAccount-navigation + *:not(:first-child) {
margin-top: 0;
}
body[class*="woocommerce"] #page .woocommerce-MyAccount-content {
width: calc(80% - 16px);
}
@ -1783,7 +1793,8 @@ body[class*="woocommerce"] #page .addresses .title .edit {
line-height: 1;
}
.woocommerce-account .entry-content .woocommerce > h2 {
.woocommerce-account .entry-content .woocommerce > h2,
body[class*="woocommerce"] #page div[class*="woocommerce"] h2 {
font-size: 1.44rem;
}

25
varia/style-woocommerce.css
View file

@ -1322,7 +1322,8 @@ body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:not(:
body[class*="woocommerce"] #page .woocommerce-products-header > *:not(:first-child),
body[class*="woocommerce"] #page .woocommerce-checkout > *:not(:first-child),
body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(:first-child),
body[class*="woocommerce"] #page .woocommerce-order-details > *:not(:first-child) {
body[class*="woocommerce"] #page .woocommerce-order-details > *:not(:first-child),
body[class*="woocommerce"] #page .woocommerce-customer-details > *:not(:first-child) {
margin-top: 16px;
}
@ -1377,7 +1378,9 @@ body[class*="woocommerce"] #page .woocommerce-checkout > .price,
body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(:last-child),
body[class*="woocommerce"] #page .woocommerce-order-downloads > .price,
body[class*="woocommerce"] #page .woocommerce-order-details > *:not(:last-child),
body[class*="woocommerce"] #page .woocommerce-order-details > .price {
body[class*="woocommerce"] #page .woocommerce-order-details > .price,
body[class*="woocommerce"] #page .woocommerce-customer-details > *:not(:last-child),
body[class*="woocommerce"] #page .woocommerce-customer-details > .price {
margin-bottom: 16px;
}
@ -1432,7 +1435,9 @@ body[class*="woocommerce"] #page .woocommerce-checkout > .form-row-last,
body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(img):empty + *,
body[class*="woocommerce"] #page .woocommerce-order-downloads > .form-row-last,
body[class*="woocommerce"] #page .woocommerce-order-details > *:not(img):empty + *,
body[class*="woocommerce"] #page .woocommerce-order-details > .form-row-last {
body[class*="woocommerce"] #page .woocommerce-order-details > .form-row-last,
body[class*="woocommerce"] #page .woocommerce-customer-details > *:not(img):empty + *,
body[class*="woocommerce"] #page .woocommerce-customer-details > .form-row-last {
margin-top: 0;
}
@ -1461,7 +1466,8 @@ body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:empty
body[class*="woocommerce"] #page .woocommerce-products-header > *:empty,
body[class*="woocommerce"] #page .woocommerce-checkout > *:empty,
body[class*="woocommerce"] #page .woocommerce-order-downloads > *:empty,
body[class*="woocommerce"] #page .woocommerce-order-details > *:empty {
body[class*="woocommerce"] #page .woocommerce-order-details > *:empty,
body[class*="woocommerce"] #page .woocommerce-customer-details > *:empty {
margin: 0;
}
@ -1752,15 +1758,19 @@ body[class*="woocommerce"] #page .woocommerce-invalid #terms {
/**
* Account page
*/
body[class*="woocommerce"] #page .woocommerce-MyAccount-navigation {
body[class*="woocommerce"] #page .entry-content .woocommerce-MyAccount-navigation {
width: 20%;
}
body[class*="woocommerce"] #page .woocommerce-MyAccount-navigation ul li a {
body[class*="woocommerce"] #page .entry-content .woocommerce-MyAccount-navigation ul li a {
line-height: 1.125;
display: inline-table;
}
body[class*="woocommerce"] #page .entry-content .woocommerce-MyAccount-navigation + *:not(:first-child) {
margin-top: 0;
}
body[class*="woocommerce"] #page .woocommerce-MyAccount-content {
width: calc(80% - 16px);
}
@ -1783,7 +1793,8 @@ body[class*="woocommerce"] #page .addresses .title .edit {
line-height: 1;
}
.woocommerce-account .entry-content .woocommerce > h2 {
.woocommerce-account .entry-content .woocommerce > h2,
body[class*="woocommerce"] #page div[class*="woocommerce"] h2 {
font-size: 1.44rem;
}