Add styles for desktop and mobile

This commit is contained in:
zandercymatics 2024-02-02 13:02:52 -07:00
parent 6dd846f8b6
commit e27054cd25
No known key found for this signature in database
GPG key ID: FF4636ABEC9682B7

View file

@ -131,11 +131,21 @@ abbr[title] {
}
// Only apply this custom wrapping to desktop
@media (min-width: 768px) {
@include at-media(desktop) {
.usa-tooltip__body {
min-width: 320px;
min-width: 350px;
max-width: 350px;
white-space: normal;
text-align: center;
}
}
@media (min-width: 768px) {
.usa-tooltip__body {
min-width: 250px;
max-width: 250px;
white-space: normal;
text-align: center;
}
}
// USWDS has weird interactions with SVGs regarding tooltips,