mirror of
https://github.com/DOI-DO/j40-cejst-2.git
synced 2025-08-28 03:51:40 -07:00
27 lines
526 B
SCSS
27 lines
526 B
SCSS
@use '../../styles/design-system.scss' as *;
|
|
|
|
.mapSearchContainer {
|
|
/**
|
|
Various breakpoint are being used to allow a consistent ratio
|
|
of screen width between the search component and the geolocation
|
|
component across all device sizes.
|
|
*/
|
|
|
|
// width < 660
|
|
@include at-media-max("tablet") {
|
|
flex: 1 1 100%;
|
|
}
|
|
|
|
// 660 < width < 1024
|
|
@include at-media-max("desktop") {
|
|
@include at-media("tablet"){
|
|
flex: 1 1 56%;
|
|
}
|
|
}
|
|
|
|
// > 1024
|
|
@include at-media("desktop") {
|
|
flex: 1 1 72%;
|
|
}
|
|
}
|
|
|