style.scss
47 lines
| 1 | $xs-max: 575.98px; |
| 2 | $sm-max: 767.98px; |
| 3 | $md-max: 991.98px; |
| 4 | $lg-max: 1199.98px; |
| 5 | $xl-max: 1399.98px; |
| 6 | |
| 7 | $sm-min: 576px; |
| 8 | $md-min: 768px; |
| 9 | $lg-min: 992px; |
| 10 | $xl-min: 1200px; |
| 11 | $xxl-min: 1400px; |
| 12 | |
| 13 | .vk_responsive-br{ |
| 14 | display: none; |
| 15 | } |
| 16 | |
| 17 | @media (max-width: $xs-max) { |
| 18 | .vk_responsive-br-xs{ |
| 19 | display: block; |
| 20 | } |
| 21 | } |
| 22 | @media (min-width: $sm-min) and (max-width: $sm-max) { |
| 23 | .vk_responsive-br-sm{ |
| 24 | display: block; |
| 25 | } |
| 26 | } |
| 27 | @media (min-width: $md-min) and (max-width: $md-max) { |
| 28 | .vk_responsive-br-md{ |
| 29 | display: block; |
| 30 | } |
| 31 | } |
| 32 | @media (min-width: $lg-min) and (max-width: $lg-max) { |
| 33 | .vk_responsive-br-lg{ |
| 34 | display: block; |
| 35 | } |
| 36 | } |
| 37 | @media (min-width: $xl-min) and (max-width: $xl-max){ |
| 38 | .vk_responsive-br-xl{ |
| 39 | display: block; |
| 40 | } |
| 41 | } |
| 42 | @media (min-width: $xxl-min) { |
| 43 | .vk_responsive-br-xxl{ |
| 44 | display: block; |
| 45 | } |
| 46 | } |
| 47 |