Makes text larger for buttons with an additional breakpoint test
This commit is contained in:
parent
7389e5b9ff
commit
b51fdd5e2d
20
style.css
20
style.css
@ -131,13 +131,29 @@ li.wp-block-navigation-item.wp-block-navigation-link > a:hover {
|
|||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-width: 939px) {
|
@media only screen and (max-width: 781px) {
|
||||||
.button-helper {
|
.button-helper {
|
||||||
flex-wrap: nowrap !important;
|
flex-wrap: nowrap !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.button-helper .wp-block-button__link {
|
.button-helper .wp-block-button__link {
|
||||||
font-size: clamp(0.65rem, 2vw, 0.875rem);
|
font-size: clamp(0.8rem, 3vw, 1.1rem);
|
||||||
|
padding: 6px 8px !important;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button-helper .wp-block-buttons {
|
||||||
|
min-width: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (min-width: 781px) and (max-width: 939px) {
|
||||||
|
.button-helper {
|
||||||
|
flex-wrap: nowrap !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button-helper .wp-block-button__link {
|
||||||
|
font-size: clamp(0.7rem, 2vw, 0.9rem);
|
||||||
padding: 6px 8px !important;
|
padding: 6px 8px !important;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user