diff options
Diffstat (limited to 'src/_responsive.scss')
| -rw-r--r-- | src/_responsive.scss | 72 |
1 files changed, 36 insertions, 36 deletions
diff --git a/src/_responsive.scss b/src/_responsive.scss index 9520dfc..c907085 100644 --- a/src/_responsive.scss +++ b/src/_responsive.scss | |||
| @@ -182,11 +182,11 @@ $context-id: 'responsive' !default; | |||
| 182 | $last-vp: nth($viewports, length($viewports)); | 182 | $last-vp: nth($viewports, length($viewports)); |
| 183 | 183 | ||
| 184 | @include contexts.push($context-id, 'env', ( | 184 | @include contexts.push($context-id, 'env', ( |
| 185 | 'viewports': $viewports, | 185 | 'viewports': $viewports, |
| 186 | 'mode': set, | 186 | 'mode': set, |
| 187 | 'index': 1, | 187 | 'index': 1, |
| 188 | 'fluid': $fluid, | 188 | 'fluid': $fluid, |
| 189 | 'vertical': $vertical, | 189 | 'vertical': $vertical, |
| 190 | )); | 190 | )); |
| 191 | 191 | ||
| 192 | @content; | 192 | @content; |
| @@ -200,11 +200,11 @@ $context-id: 'responsive' !default; | |||
| 200 | @if not $vertical { | 200 | @if not $vertical { |
| 201 | @media (min-width: $prev-vp) and (max-width: $next-vp) { | 201 | @media (min-width: $prev-vp) and (max-width: $next-vp) { |
| 202 | @include contexts.push($context-id, 'env', ( | 202 | @include contexts.push($context-id, 'env', ( |
| 203 | 'viewports': $viewports, | 203 | 'viewports': $viewports, |
| 204 | 'mode': transition, | 204 | 'mode': transition, |
| 205 | 'index': $i, | 205 | 'index': $i, |
| 206 | 'fluid': $fluid, | 206 | 'fluid': $fluid, |
| 207 | 'vertical': $vertical, | 207 | 'vertical': $vertical, |
| 208 | )); | 208 | )); |
| 209 | 209 | ||
| 210 | @content; | 210 | @content; |
| @@ -214,11 +214,11 @@ $context-id: 'responsive' !default; | |||
| 214 | } @else { | 214 | } @else { |
| 215 | @media (min-height: $prev-vp) and (max-height: $next-vp) { | 215 | @media (min-height: $prev-vp) and (max-height: $next-vp) { |
| 216 | @include contexts.push($context-id, 'env', ( | 216 | @include contexts.push($context-id, 'env', ( |
| 217 | 'viewports': $viewports, | 217 | 'viewports': $viewports, |
| 218 | 'mode': transition, | 218 | 'mode': transition, |
| 219 | 'index': $i, | 219 | 'index': $i, |
| 220 | 'fluid': $fluid, | 220 | 'fluid': $fluid, |
| 221 | 'vertical': $vertical, | 221 | 'vertical': $vertical, |
| 222 | )); | 222 | )); |
| 223 | 223 | ||
| 224 | @content; | 224 | @content; |
| @@ -231,11 +231,11 @@ $context-id: 'responsive' !default; | |||
| 231 | @if not $vertical { | 231 | @if not $vertical { |
| 232 | @media (min-width: $last-vp) { | 232 | @media (min-width: $last-vp) { |
| 233 | @include contexts.push($context-id, 'env', ( | 233 | @include contexts.push($context-id, 'env', ( |
| 234 | 'viewports': $viewports, | 234 | 'viewports': $viewports, |
| 235 | 'mode': set, | 235 | 'mode': set, |
| 236 | 'index': length($viewports), | 236 | 'index': length($viewports), |
| 237 | 'fluid': $fluid, | 237 | 'fluid': $fluid, |
| 238 | 'vertical': $vertical, | 238 | 'vertical': $vertical, |
| 239 | )); | 239 | )); |
| 240 | 240 | ||
| 241 | @content; | 241 | @content; |
| @@ -245,11 +245,11 @@ $context-id: 'responsive' !default; | |||
| 245 | } @else { | 245 | } @else { |
| 246 | @media (min-height: $last-vp) { | 246 | @media (min-height: $last-vp) { |
| 247 | @include contexts.push($context-id, 'env', ( | 247 | @include contexts.push($context-id, 'env', ( |
| 248 | 'viewports': $viewports, | 248 | 'viewports': $viewports, |
| 249 | 'mode': set, | 249 | 'mode': set, |
| 250 | 'index': length($viewports), | 250 | 'index': length($viewports), |
| 251 | 'fluid': $fluid, | 251 | 'fluid': $fluid, |
| 252 | 'vertical': $vertical, | 252 | 'vertical': $vertical, |
| 253 | )); | 253 | )); |
| 254 | 254 | ||
| 255 | @content; | 255 | @content; |
| @@ -259,11 +259,11 @@ $context-id: 'responsive' !default; | |||
| 259 | } | 259 | } |
| 260 | } @else { | 260 | } @else { |
| 261 | @include contexts.push($context-id, 'env', ( | 261 | @include contexts.push($context-id, 'env', ( |
| 262 | 'viewports': $viewports, | 262 | 'viewports': $viewports, |
| 263 | 'mode': set, | 263 | 'mode': set, |
| 264 | 'index': 1, | 264 | 'index': 1, |
| 265 | 'fluid': $fluid, | 265 | 'fluid': $fluid, |
| 266 | 'vertical': $vertical, | 266 | 'vertical': $vertical, |
| 267 | )); | 267 | )); |
| 268 | 268 | ||
| 269 | @content; | 269 | @content; |
| @@ -276,9 +276,9 @@ $context-id: 'responsive' !default; | |||
| 276 | @if not $vertical { | 276 | @if not $vertical { |
| 277 | @media (min-width: $vp) { | 277 | @media (min-width: $vp) { |
| 278 | @include contexts.push($context-id, 'env', ( | 278 | @include contexts.push($context-id, 'env', ( |
| 279 | 'viewports': $viewports, | 279 | 'viewports': $viewports, |
| 280 | 'mode': set, | 280 | 'mode': set, |
| 281 | 'index': $i | 281 | 'index': $i |
| 282 | )); | 282 | )); |
| 283 | 283 | ||
| 284 | @content; | 284 | @content; |
| @@ -288,9 +288,9 @@ $context-id: 'responsive' !default; | |||
| 288 | } @else { | 288 | } @else { |
| 289 | @media (min-height: $vp) { | 289 | @media (min-height: $vp) { |
| 290 | @include contexts.push($context-id, 'env', ( | 290 | @include contexts.push($context-id, 'env', ( |
| 291 | 'viewports': $viewports, | 291 | 'viewports': $viewports, |
| 292 | 'mode': set, | 292 | 'mode': set, |
| 293 | 'index': $i | 293 | 'index': $i |
| 294 | )); | 294 | )); |
| 295 | 295 | ||
| 296 | @content; | 296 | @content; |