Media Queries
1 example from SAP's documentation · no stylesheet in the package · Back to the gallery
About
No description in the documentation.
Basic usage
Minimum Width
@include sap-media-min-width(400px) {
div.example {
font-size: 0.75rem;
}
}
Width Range (600px - 1023px)
@include sap-media-range-width(600px, 1023px) {
div.example {
font-size: 1rem;
}
}
Width Range (1024px - 1439px)
@include sap-media-range-width(1024px, 1439px) {
div.example {
font-size: 2rem;
}
}
Maximum Width
@include sap-media-max-width(768px) {
div.example {
font-size: 0.875rem;
}
}