Merged in feature/MAW-855-import-code-into-aws (pull request #2)
code import from pantheon * code import from pantheon
This commit is contained in:
@@ -15,3 +15,8 @@ $select-dropdown-dark: #1e1e1e;
|
||||
$select-dropdown-light: #fff;
|
||||
$select-item-dark: rgba(0, 0, 0, 0.4);
|
||||
$image-placeholder-border-color: #f2f2f2;
|
||||
|
||||
// Universal colors for use on the frontend, currently being applied to checkout blocks.
|
||||
$universal-border: rgba(17, 17, 17, 0.3); // Used for form step borders.
|
||||
$universal-border-light: rgba(17, 17, 17, 0.115); // e7e7e7 on white.
|
||||
$universal-body-low-emphasis: rgba(17, 17, 17, 0.5); // Used for low emphasis text such as input labels.
|
||||
|
||||
@@ -92,7 +92,6 @@ $fontSizes: (
|
||||
word-wrap: normal !important;
|
||||
padding: 0;
|
||||
position: absolute !important;
|
||||
width: 1px;
|
||||
}
|
||||
|
||||
@mixin visually-hidden-focus-reveal() {
|
||||
|
||||
@@ -1,9 +1,13 @@
|
||||
@import "node_modules/@wordpress/base-styles/variables";
|
||||
|
||||
$gap-largest: $grid-unit-50;
|
||||
$gap-larger: 4.5 * $grid-unit;
|
||||
$gap-large: $grid-unit-30;
|
||||
$gap: $grid-unit-20;
|
||||
$gap-small: $grid-unit-15;
|
||||
$gap-smaller: $grid-unit-10;
|
||||
$gap-smallest: $grid-unit-05;
|
||||
// grid-unit from base-styles is 8px.
|
||||
$gap-largest: 6 * $grid-unit; // 48px
|
||||
$gap-larger: 4.5 * $grid-unit; // 36px
|
||||
$gap-large: 3 * $grid-unit; // 24px
|
||||
$gap: 2 * $grid-unit; // 16px
|
||||
$gap-small: 1.5 * $grid-unit; // 12px
|
||||
$gap-smaller: 1 * $grid-unit; // 8px
|
||||
$gap-smallest: 0.5 * $grid-unit; // 4px
|
||||
|
||||
// Standard border radius for forms.
|
||||
$universal-border-radius: 4px;
|
||||
|
||||
@@ -8,6 +8,10 @@
|
||||
|
||||
.wc-block-grid__product {
|
||||
margin: 0 0 $gap-large 0;
|
||||
|
||||
.wc-block-grid__product-onsale {
|
||||
position: absolute;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -139,20 +139,24 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
.wc-block-grid__product-onsale {
|
||||
.wc-block-grid__product-image .wc-block-grid__product-onsale,
|
||||
.wc-block-grid .wc-block-grid__product-onsale {
|
||||
@include font-size(small);
|
||||
padding: em($gap-smallest) em($gap-small);
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
border: 1px solid #43454b;
|
||||
border-radius: 3px;
|
||||
border-radius: $universal-border-radius;
|
||||
color: #43454b;
|
||||
background: #fff;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
font-weight: 600;
|
||||
z-index: 9;
|
||||
position: relative;
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
right: 4px;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
// Element spacing.
|
||||
|
||||
Reference in New Issue
Block a user