Simplify CSS to have less hardcoded width value.

This commit is contained in:
Gan Eng Chin 2023-03-20 00:11:32 +08:00
parent 38370cc544
commit 75c11a681d
No known key found for this signature in database
GPG Key ID: 94D5D972860ADB01
1 changed files with 4 additions and 7 deletions

View File

@ -1,10 +1,11 @@
.woocommerce-marketing-introduction-banner {
& > div {
display: flex;
flex-wrap: wrap;
}
.woocommerce-marketing-introduction-banner-content {
width: 350px;
flex: 1 0;
margin: 32px 20px 32px 40px;
.woocommerce-marketing-introduction-banner-title {
@ -27,12 +28,8 @@
}
.woocommerce-marketing-introduction-banner-illustration {
width: 271px;
background: linear-gradient(
90deg,
rgba( 247, 237, 247, 0 ) 5.31%,
rgba( 196, 152, 217, 0.12 ) 77.75%
);
flex: 0 0 270px;
background: linear-gradient(90deg, rgba(247, 237, 247, 0) 5.31%, rgba(196, 152, 217, 0.12) 77.75%);
.woocommerce-marketing-introduction-banner-close-button {
position: absolute;