diff --git a/UltiSnips/scss.snippets b/UltiSnips/scss.snippets index 533b6fb..9902842 100644 --- a/UltiSnips/scss.snippets +++ b/UltiSnips/scss.snippets @@ -1,7 +1,42 @@ -extends css -snippet media "@media (min-width:$small){}" -@media (min-width: $${1:small}){ - ${0} +snippet t-up "Knacss @include tiny-up" +@include respond-to('tiny-up') { +$0 } + endsnippet + +snippet s-up "Knacss @include small-up" +@include respond-to('small-up') { +$0 +} + +endsnippet + +snippet m-up "Knacss @include medium-up" +@include respond-to('medium-up') { +$0 +} + +endsnippet + +snippet l-up "Knacss @include large-up" +@include respond-to('large-up') { +$0 +} + +endsnippet + +snippet xl-up "Knacss @include extra-large-up" +@include respond-to('extra-large-up') { +$0 +} + +endsnippet + +snippet xxl-up "Knacss @include xxl-up" +@include respond-to('xxl-up') { +$0 +} + +endsnippet \ No newline at end of file