🎨 Make SCSS easier to read

This commit is contained in:
Philipp Stracker 2025-01-22 16:07:40 +01:00
parent cfbf16dab9
commit ac9be2f8b5
No known key found for this signature in database

View file

@ -14,12 +14,12 @@
// MultiSelect control
.ppcp-r {
&__radio-wrapper {
.ppcp-r__radio-wrapper {
align-items: flex-start;
gap: 12px;
}
&__radio-content {
.ppcp-r__radio-content {
display: flex;
flex-direction: column;
gap: 4px;
@ -29,48 +29,48 @@
}
}
&__radio-content-additional {
.ppcp-r__radio-content-additional {
padding-left: 32px;
}
// Select control styles
&__control {
.ppcp-r__control {
border-radius: 2px;
border-color: $color-gray-700;
min-height: auto;
padding: 0;
}
&__input-container {
.ppcp-r__input-container {
padding: 0;
margin: 0;
}
&__value-container {
.ppcp-r__value-container {
padding: 0 0 0 7px;
}
&__indicator {
.ppcp-r__indicator {
padding: 5px;
}
&__indicator-separator {
.ppcp-r__indicator-separator {
display: none;
}
&__value-container--has-value {
.ppcp-r__value-container--has-value {
.ppcp-r__single-value {
color: $color-gray-800;
}
}
&__placeholder,
&__single-value {
.ppcp-r__placeholder,
.ppcp-r__single-value {
@include font(13, 20, 400);
}
&__option {
&--is-selected {
.ppcp-r__option {
.ppcp-r__option--is-selected {
background-color: $color-gray-200;
}
}