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