add some variables (spacing values and breakpoints)

This commit is contained in:
Raphael Goetter 2014-04-20 19:52:20 +02:00
parent 57dc070697
commit d4339d3182
5 changed files with 73 additions and 53 deletions

View file

@ -3,7 +3,7 @@
/* ==desktop and retina medias */
/* ----------------------------- */
@media (min-width: @smallscreen) {
@media (min-width: @small-screen) {
/* here go rules for big resources and big screens like: background-images, font-faces, etc. */
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
@ -14,7 +14,7 @@
/* ==Responsive large / medium / tiny */
/* ---------------------------------- */
@media (min-width: @largescreen) {
@media (min-width: @large-screen) {
/* layouts for large screens */
.large-hidden { display: none !important; }
@ -56,7 +56,7 @@
.large-ma0 { margin: 0 !important; }
}
@media (max-width: @smallscreen) {
@media (max-width: @small-screen) {
/* quick reset in small resolution and less */
.w600p,
@ -113,7 +113,7 @@
.small-ma0 { margin: 0 !important; }
}
@media (max-width: @tinyscreen) {
@media (max-width: @tiny-screen) {
/* quick tiny resolution reset */
.mod,