sharps
Version:
Modular grid powered by Lost and BEM
39 lines (28 loc) • 641 B
Markdown
# Media queries
## Брейкпоинты
body { font-size = 16px };
0 - 640 - 1024 - 1440 - 1920
Brackpoints
- `--small` 0 to 100%
- `--small-only` 0 to 640px;
- `--medium` 641px to 100%
- `--medium-only` 641px to 1024px
- `--large` 1025px to 100%
- `--large-only` 1025px to 1440px
- `--xlarge` 1441px to 100%
- `--xlarge-only` 1441px to 1920px
- `--xxlarge` 1920px to 100%
- `--xxlarge-only` 1920px to 100%
## Example use
```css
@media (--medium) {
.page__content {
width: 1000px;
}
}
@media (--large) {
.page__content {
padding-left: 100px;
}
}
```