woocommerce/woocommerce-paypal-payments
2
0
Fork 0
mirror of https://github.com/woocommerce/woocommerce-paypal-payments.git synced 2025-09-04 08:47:23 +08:00
Code Issues Projects Packages Wiki Activity Actions 11

♻️ Add prefix to CSS state-classes

Browse source
This commit is contained in:
Philipp Stracker 2025-01-22 15:08:14 +01:00
parent 193e046a9a
commit 54504b7591
No known key found for this signature in database
15 changed files with 32 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

2
modules/ppcp-settings/resources/css/_mixins.scss
View file

@ -45,7 +45,7 @@
}
@mixin disabled-state($control-type) {
.components-#{$control-type}-control.is-disabled {
.components-#{$control-type}-control.ppcp--is-disabled {
.components-#{$control-type}-control__input,
.components-#{$control-type}-control__label,
.components-base-control__help {

12
modules/ppcp-settings/resources/css/components/reusable-components/_navigation.scss
View file

@ -48,11 +48,11 @@
@include font(16, 24, 600);
color: var(--color-text);
.title {
.ppcp--title {
margin-left: 18px;
}
.big {
.ppcp--big {
@include font(20, 28, 400);
}
}
@ -79,7 +79,7 @@
}
}
&.is-scrolled {
&.ppcp--is-scrolled {
box-shadow: 0 -1px 0 0 $color-gray-300 inset, 0 8px 8px 0 rgba(85, 93, 102, .3);
}
@ -90,7 +90,7 @@
row-gap: 8px;
white-space: nowrap;
&--right {
.ppcp-r-navigation--right {
position: absolute;
right: 10px;
z-index: 10;
@ -98,12 +98,12 @@
box-shadow: -5px 0 8px var(--ppcp-color-app-bg);
}
&--progress-bar {
.ppcp-r-navigation--progress-bar {
height: 2px;
}
.components-button.is-title {
.title {
.ppcp--title {
margin-left: 4px;
}
}

2
modules/ppcp-settings/resources/css/components/reusable-components/_select-box.scss
View file

@ -16,7 +16,7 @@
padding: 24px 16px 24px 16px;
&.selected {
&.ppcp--selected {
border-color: $color-blueberry;
outline-color: $color-blueberry;
box-shadow: $shadow-selection-box;

6
modules/ppcp-settings/resources/css/components/reusable-components/_settings-block.scss
View file

@ -27,12 +27,12 @@
display: block;
text-transform: uppercase;
&.style-alt {
&.ppcp--no-caps {
@include font(14, 16, 600);
text-transform: none;
}
&.style-big {
&.ppcp--big {
@include font(16, 20, 600);
}
@ -97,7 +97,7 @@
margin-left: 5px;
}
+ .ppcp-r-settings-block:not(.no-gap) {
+ .ppcp-r-settings-block:not(.ppcp--no-gap) {
margin-top: var(--block-separator-gap, 32px);
padding-top: var(--block-separator-gap, 32px);
border-top: 1px solid var(--color-gray-200);

4
modules/ppcp-settings/resources/css/components/screens/settings/_tab-styling.scss
View file

@ -33,7 +33,7 @@
}
// Select-fields have a smaller gap between the header and input field.
&.has-select {
&.ppcp--has-select {
--block-header-gap: 8px;
}
@ -58,7 +58,7 @@
margin-bottom: 28px;
border-bottom: 1px solid var(--color-separators);
&.no-gap,
&.ppcp--no-gap,
&:last-child {
padding-bottom: 0;
margin-bottom: 0;