style.scss
37 lines
| 1 | @use 'utils/breakpoints' as *; |
| 2 | |
| 3 | .vk_responsive-br{ |
| 4 | display: none; |
| 5 | } |
| 6 | |
| 7 | @media (width < $xs) { |
| 8 | .vk_responsive-br-xs{ |
| 9 | display: block; |
| 10 | } |
| 11 | } |
| 12 | @media ($xs <= width < $sm) { |
| 13 | .vk_responsive-br-sm{ |
| 14 | display: block; |
| 15 | } |
| 16 | } |
| 17 | @media ($sm <= width < $md) { |
| 18 | .vk_responsive-br-md{ |
| 19 | display: block; |
| 20 | } |
| 21 | } |
| 22 | @media ($md <= width < $lg) { |
| 23 | .vk_responsive-br-lg{ |
| 24 | display: block; |
| 25 | } |
| 26 | } |
| 27 | @media ($lg <= width < $xl){ |
| 28 | .vk_responsive-br-xl{ |
| 29 | display: block; |
| 30 | } |
| 31 | } |
| 32 | @media (width >= $xl) { |
| 33 | .vk_responsive-br-xxl{ |
| 34 | display: block; |
| 35 | } |
| 36 | } |
| 37 |