New Settings UI: Update Products and Business step designs

This commit is contained in:
Himad M 2024-11-19 16:43:00 -04:00
parent d09d7f7b65
commit 014524f37c
No known key found for this signature in database
GPG key ID: 5FC769E9888A7B98
8 changed files with 42 additions and 71 deletions

View file

@ -8,14 +8,12 @@
.ppcp-r-select-box {
position: relative;
width: 100%;
border: 1px solid $color-gray-500;
border: 1px solid $color-gray-200;
outline: 1px solid transparent;
border-radius: 8px;
border-radius: 4px;
display: flex;
gap: 32px;
align-items: center;
box-sizing: border-box;
padding: 28px 16px 28px 32px;
gap: 16px;
padding: 24px 16px 24px 16px;
&.selected {
@ -59,20 +57,23 @@
&__content {
display: flex;
gap: 18px;
}
&__title {
@include font(16, 24, 600);
color: $color-blueberry;
@include font(14, 20, 700);
color: $color-black;
margin: 0 0 4px 0;
display: block;
}
&__description {
@include font(14, 20, 400);
color: $color-gray-800;
margin: 0 0 18px 0;
@include font(13, 20, 400);
color: $color-gray-700;
margin:0;
&:not(:last-child){
margin-block-end:18px;
}
}
&__radio-presentation {