feat: change button hover, change small textimage design
This commit is contained in:
@@ -41,15 +41,12 @@
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
/* Size classes apply at all viewports */
|
||||
.textimage-image-wrapper.size-25 .textimage-picture {
|
||||
}
|
||||
|
||||
.textimage-image-wrapper.size-50 .textimage-picture {
|
||||
}
|
||||
|
||||
/* On larger screens, arrange horizontally for image position settings */
|
||||
@media (min-width: 768px) {
|
||||
.textimage-container.size-25 {
|
||||
--gap: 8rem;
|
||||
}
|
||||
|
||||
.textimage-container.image-pos-25 {
|
||||
flex-direction: row;
|
||||
}
|
||||
@@ -59,9 +56,13 @@
|
||||
}
|
||||
|
||||
.textimage-image-wrapper.size-25 {
|
||||
flex: 0 0 calc(25% - (var(--gap) / 2));
|
||||
flex: 0 0 calc(40% - (var(--gap) / 2));
|
||||
}
|
||||
|
||||
/* .textimage-wrapper.size-25 { */
|
||||
/* flex: 0 0 calc(40% - (var(--gap) / 2)); */
|
||||
/* } */
|
||||
|
||||
.textimage-image-wrapper.size-50 {
|
||||
flex: 0 0 calc(50% - (var(--gap) / 2));
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user