0.6.3 • Published 4 years ago
@vcl/breakpoints v0.6.3
VCL breakpoints
Descriptive breakpoints for responsive adaptation of components.
Features
The following ranges of viewport widths are defined:
- up to 390px: small (mobile phone form factor)
- 390px to 1280px: medium (tablets and narrow screen computers)
- greater than 1280px: large (low- and hi-res large screens)
Usage
Warning: Try to prevent responsive components as much as you can, see why.
@media (--sm-viewport)
/* narrow window styles */
Classes
Modifiers
Media
Generic
--sm-viewport
--md-viewport
--lg-viewport
Real World
--up-to-smartphone-landscape
Demo
example.html on GH-pages.
1.0.0-alpha.2
4 years ago
0.7.0-alpha.3
4 years ago
0.7.0-alpha.1
4 years ago
0.6.3
4 years ago
0.6.2
5 years ago
0.6.1
5 years ago
0.6.0-6
5 years ago
0.6.0-1
5 years ago
0.5.3
5 years ago
0.4.6
5 years ago
0.4.5
5 years ago
0.4.2
5 years ago
0.4.0
5 years ago
0.4.0-beta.3
5 years ago
0.4.0-beta.1
5 years ago
0.4.0-beta.0
5 years ago
0.4.0-0
5 years ago
0.3.0-0
5 years ago
0.3.0-2
5 years ago
0.3.0
5 years ago
0.2.1
6 years ago
0.2.0
7 years ago