- added position sticky

- added pointer-events
- added @use, @forward  and @at-root

Author: L13

CHANGELOG.md

@@ -1,6 +1,15 @@
 # Change Log
 All notable changes to the "CSS and SCSS Snippets" extension will be documented in this file.
 
+## [0.16.0] - 2021-05-26
+
+### Added
+- Added `pointer-events` and `position: sticky;` for CSS.
+- Added `@forward` `@use` and `@at-root` for SCSS.
+
+### Fixed
+- Fixed some snippets.
+
 ## [0.15.0] - 2020-07-05
 
 ### Added

README.md

@@ -2,9 +2,10 @@
 
 This extension contains property snippets for CSS and rule snippets for SCSS.
 
-## What's new in CSS Snippets 0.15.0
+## What's new in CSS Snippets 0.16.0
 
-- Added values `round` and `space` for `background-repeat`.
+- Added `pointer-events` and `position: sticky;` for CSS.
+- Added `@forward` `@use` and `@at-root` for SCSS.
 
 ## Index
 

SNIPPETS.md

@@ -658,7 +658,7 @@ Complete list of all CSS and SCSS snippets for Visual Studio Code. The rules for
 | `lhn` | `line-height: normal;` |
 | `lsn` | `list-style: none;` |
 | `lsin` | `list-style-image: none;` |
-| `lsiu` | `list-style-image: url($1);` |
+| `lsiu` | `list-style-image: url($0);` |
 | `lspi` | `list-style-position: inside;` |
 | `lspo` | `list-style-position: outside;` |
 | `lsta` | `list-style-type: armenian;` |
@@ -706,7 +706,7 @@ Complete list of all CSS and SCSS snippets for Visual Studio Code. The rules for
 | `oo1_` | `outline: outset ${1:0} ${0:#000000};` |
 | `or1_` | `outline: ridge ${1:0} ${0:#000000};` |
 | `os1_` | `outline: solid ${1:0} ${0:#000000};` |
-| `oc_` | `outline: ${0:#000000};` |
+| `oc_` | `outline-color: ${0:#000000};` |
 | `oo1` | `outline-offset: ${0:0};` |
 | `osd` | `outline-style: dashed;` |
 | `osd` | `outline-style: dotted;` |
@@ -750,6 +750,16 @@ Complete list of all CSS and SCSS snippets for Visual Studio Code. The rules for
 | `pbbr` | `page-break-before: right;` |
 | `pbia` | `page-break-inside: auto;` |
 | `pbia` | `page-break-inside: avoid;` |
+| `pea` | `pointer-events: all;` |
+| `pea` | `pointer-events: auto;` |
+| `pef` | `pointer-events: fill;` |
+| `pen` | `pointer-events: none;` |
+| `pep` | `pointer-events: painted;` |
+| `pes` | `pointer-events: stroke;` |
+| `pev` | `pointer-events: visible;` |
+| `pevF` | `pointer-events: visibleFill;` |
+| `pevP` | `pointer-events: visiblePainted;` |
+| `pevS` | `pointer-events: visibleStroke;` |
 | `-p1` | `-moz-perspective: ${0:0}; -webkit-perspective: ${0:0}; perspective: ${0:0};` |
 | `p1` | `perspective: ${0:0};` |
 | `-pn` | `-moz-perspective: none; -webkit-perspective: none; perspective: none;` |
@@ -778,6 +788,7 @@ Complete list of all CSS and SCSS snippets for Visual Studio Code. The rules for
 | `pf` | `position: fixed;` |
 | `pr` | `position: relative;` |
 | `ps` | `position: static;` |
+| `ps` | `position: sticky;` |
 | `qn` | `quotes: none;` |
 | `q` | `quotes: '«' '»';` |
 | `-ri` | `-moz-resize: both; resize: both;` |
@@ -931,8 +942,8 @@ Complete list of all CSS and SCSS snippets for Visual Studio Code. The rules for
 | `vh` | `visibility: hidden;` |
 | `vv` | `visibility: visible;` |
 | `wsn` | `white-space: normal;` |
-| `wsp` | `white-space: pre;` |
 | `wsn` | `white-space: nowrap;` |
+| `wsp` | `white-space: pre;` |
 | `wspl` | `white-space: pre-line;` |
 | `wspw` | `white-space: pre-wrap;` |
 | `w1` | `width: ${0:0};` |
@@ -954,13 +965,16 @@ Complete list of all CSS and SCSS snippets for Visual Studio Code. The rules for
 | `@d1` | `@debug ${0:message};` |
 | `@w1` | `@warn ${0:message};` |
 | `@e1` | `@error ${0:message};` |
+| `@f1` | `@forward '$0';` |
+| `@u1` | `@use '$0';` |
 | `i$3` | `if(${1:condition}, ${2:true}, ${0:false})` |
 | `@i_` | `@if ${0:condition} {  }` |
 | `@ei_` | `@else if ${0:condition} {  }` |
 | `@e_` | `@else { $0 }` |
 | `@fft_` | `@for ${1:$i} from ${2:1} through ${0:$end} {  }` |
 | `@ei_` | `@each ${1:$item} in ${0:$items} {  }` |
 | `@w_` | `@while ${0:condition} {  }` |
+| `@ar_` | `@at-root$1 { $0 }` |
 | `@c1` | `@content;` |
 | `@e1` | `@extend ${0:name};` |
 | `@i$` | `@include ${0:name}();` |

package.json

@@ -2,7 +2,7 @@
     "name": "l13-css-snippets",
 	"displayName": "CSS and SCSS Snippets",
 	"description": "Snippets for CSS and SCSS",
-	"version": "0.15.0",
+	"version": "0.16.0",
     "publisher": "L13RARY",
     "license": "SEE LICENCE IN LICENCE.md",
 	"homepage": "https://github.com/l13/vscode-css-snippets/blob/master/README.md",

snippets/css.json

@@ -761,7 +761,7 @@
 	"list-style: none;":						{ "prefix": "lsn",		"body": ["list-style: none;"], "description": "" },
 
 	"list-style-image: none;":					{ "prefix": "lsin",		"body": ["list-style-image: none;"], "description": "" },
-	"list-style-image: url(...);":				{ "prefix": "lsiu",		"body": ["list-style-image: url($1);"], "description": "" },
+	"list-style-image: url(...);":				{ "prefix": "lsiu",		"body": ["list-style-image: url($0);"], "description": "" },
 
 	"list-style-position: inside;":				{ "prefix": "lspi",		"body": ["list-style-position: inside;"], "description": "" },
 	"list-style-position: outside;":			{ "prefix": "lspo",		"body": ["list-style-position: outside;"], "description": "" },
@@ -825,7 +825,7 @@
 	"outline: ridge 0 #000000;":				{ "prefix": "or1_",		"body": ["outline: ridge ${1:0} ${0:#000000};"], "description": "" },
 	"outline: solid 0 #000000;":				{ "prefix": "os1_",		"body": ["outline: solid ${1:0} ${0:#000000};"], "description": "" },
 
-	"outline-color: #000000;":					{ "prefix": "oc_",		"body": ["outline: ${0:#000000};"], "description": "" },
+	"outline-color: #000000;":					{ "prefix": "oc_",		"body": ["outline-color: ${0:#000000};"], "description": "" },
 
 	"outline-offset: 0;":						{ "prefix": "oo1",		"body": ["outline-offset: ${0:0};"], "description": "" },
 
@@ -883,6 +883,17 @@
 
 	"page-break-inside: auto;":					{ "prefix": "pbia",		"body": ["page-break-inside: auto;"], "description": "" },
 	"page-break-inside: avoid;":				{ "prefix": "pbia",		"body": ["page-break-inside: avoid;"], "description": "" },
+		
+	"pointer-events: all;":						{ "prefix": "pea",		"body": ["pointer-events: all;"], "description": "" },
+	"pointer-events: auto;":					{ "prefix": "pea",		"body": ["pointer-events: auto;"], "description": "" },
+	"pointer-events: fill;":					{ "prefix": "pef",		"body": ["pointer-events: fill;"], "description": "" },
+	"pointer-events: none;":					{ "prefix": "pen",		"body": ["pointer-events: none;"], "description": "" },
+	"pointer-events: painted;":					{ "prefix": "pep",		"body": ["pointer-events: painted;"], "description": "" },
+	"pointer-events: stroke;":					{ "prefix": "pes",		"body": ["pointer-events: stroke;"], "description": "" },
+	"pointer-events: visible;":					{ "prefix": "pev",		"body": ["pointer-events: visible;"], "description": "" },
+	"pointer-events: visibleFill;":				{ "prefix": "pevF",		"body": ["pointer-events: visibleFill;"], "description": "" },
+	"pointer-events: visiblePainted;":			{ "prefix": "pevP",		"body": ["pointer-events: visiblePainted;"], "description": "" },
+	"pointer-events: visibleStroke;":			{ "prefix": "pevS",		"body": ["pointer-events: visibleStroke;"], "description": "" },
 
 	"-prefix-perspective: 0;":					{ "prefix": "-p1",		"body": ["-moz-perspective: ${0:0};", "-webkit-perspective: ${0:0};", "perspective: ${0:0};"], "description": "" },
 	"perspective: 0;":							{ "prefix": "p1",		"body": ["perspective: ${0:0};"], "description": "" },
@@ -914,6 +925,7 @@
 	"position: fixed;":							{ "prefix": "pf",		"body": ["position: fixed;"], "description": "" },
 	"position: relative;":						{ "prefix": "pr",		"body": ["position: relative;"], "description": "" },
 	"position: static;":						{ "prefix": "ps",		"body": ["position: static;"], "description": "" },
+	"position: sticky;":						{ "prefix": "ps",		"body": ["position: sticky;"], "description": "" },
 
 	"quotes: none;":							{ "prefix": "qn",		"body": ["quotes: none;"], "description": "" },
 	"quotes: '«' '»';":							{ "prefix": "q",		"body": ["quotes: '«' '»';"], "description": "" },
@@ -1093,8 +1105,8 @@
 	"visibility: visible;":						{ "prefix": "vv",		"body": ["visibility: visible;"], "description": "" },
 
 	"white-space: normal;":						{ "prefix": "wsn",		"body": ["white-space: normal;"], "description": "" },
-	"white-space: pre;":						{ "prefix": "wsp",		"body": ["white-space: pre;"], "description": "" },
 	"white-space: nowrap;":						{ "prefix": "wsn",		"body": ["white-space: nowrap;"], "description": "" },
+	"white-space: pre;":						{ "prefix": "wsp",		"body": ["white-space: pre;"], "description": "" },
 	"white-space: pre-line;":					{ "prefix": "wspl",		"body": ["white-space: pre-line;"], "description": "" },
 	"white-space: pre-wrap;":					{ "prefix": "wspw",		"body": ["white-space: pre-wrap;"], "description": "" },
 
@@ -1112,5 +1124,5 @@
 	"word-wrap: normal;":						{ "prefix": "wwn",		"body": ["word-wrap: normal;"], "description": "" },
 
 	"z-index: 0;":								{ "prefix": "zi1",		"body": ["z-index: ${0:0};"], "description": "" },
-	"z-index: auto;":							{ "prefix": "zia",		"body": ["z-index: auto;"], "description": "o;"}
+	"z-index: auto;":							{ "prefix": "zia",		"body": ["z-index: auto;"], "description": ""}
 }

snippets/scss.json

@@ -1,8 +1,11 @@
 {
-	"@debug __MESSAGE__;":							{ "prefix": "@d1",		"body": ["@debug ${0:message};"], "description": "" },
-	"@warn __MESSAGE__;":							{ "prefix": "@w1",		"body": ["@warn ${0:message};"], "description": "" },
-	"@error __MESSAGE__;":							{ "prefix": "@e1",		"body": ["@error ${0:message};"], "description": "" },
+	"@debug;":										{ "prefix": "@d1",		"body": ["@debug ${0:message};"], "description": "" },
+	"@warn;":										{ "prefix": "@w1",		"body": ["@warn ${0:message};"], "description": "" },
+	"@error;":										{ "prefix": "@e1",		"body": ["@error ${0:message};"], "description": "" },
 
+	"@forward '';":									{ "prefix": "@f1",		"body": ["@forward '$0';"], "description": "" },
+	"@use '';":										{ "prefix": "@u1",		"body": ["@use '$0';"], "description": "" },
+		
 	"if()":											{ "prefix": "i$3",		"body": ["if(${1:condition}, ${2:true}, ${0:false})"], "description": "" },
 	"@if {}":										{ "prefix": "@i_",		"body": ["@if ${0:condition} {", "\t", "}"], "description": "" },
 	"@if {} @else if {}":							{ "prefix": "@ei_",		"body": ["@else if ${0:condition} {", "\t", "}"], "description": "" },
@@ -12,6 +15,7 @@
 	"@each in {}":									{ "prefix": "@ei_",		"body": ["@each ${1:$item} in ${0:$items} {", "\t", "}"], "description": "" },
 	"@while {}":									{ "prefix": "@w_",		"body": ["@while ${0:condition} {", "\t", "}"], "description": "" },
 
+	"@at-root {}":									{ "prefix": "@ar_",		"body": ["@at-root$1 {", "\t$0", "}"], "description": "" },
 	"@content;":									{ "prefix": "@c1",		"body": ["@content;"], "description": "" },
 	"@extend ;":									{ "prefix": "@e1",		"body": ["@extend ${0:name};"], "description": "" },
 	"@include ()":									{ "prefix": "@i$",		"body": ["@include ${0:name}();"], "description": "" },