Skip to content

VS Code sass/scss snippets

Scss snippets for VS Code

Available commands

at-rules

Prefix	Method
`imp→`	`@import 'filePath'`
`use→`	`@use 'filePath' as *`
`fw→`	`@forward 'filePath'`

responsiveness methods

Prefix	Method
`brpt→`	`creates default breakpoints map`
`mqm→`	`Inserts default media queries for breakpoints map`
`rmxs→`	`ResponsiveMax mixin for mobile`
`rms→`	`ResponsiveMax mixin for tablet Portet`
`rmm→`	`ResponsiveMax mixin for tablet Landscape`
`rmb→`	`ResponsiveMax mixin for laptop`
`rmh→`	`ResponsiveMax mixin for desktop`
`rmixs→`	`ResponsiveMin mixin for mobile`
`rmis→`	`ResponsiveMin mixin for tablet Portet`
`rmim→`	`ResponsiveMin mixin for tablet Landscape`
`rmib→`	`ResponsiveMin mixin for laptop`
`rmih→`	`ResponsiveMin mixin for desktop`

functions

Prefix	Method
`clc→`	`calc()`
`funcrem→`	`function to convert pixels to rem`
`rem→`	`use function pixels to rem`
`funcem→`	`function to convert pixels to em`
`em→`	`use function pixels to em`

containers

Prefix	Method
`pacp→`	`Position absolute cover parent`
`bico→`	`Background image size cover`
`bicn→`	`Background image size contain`

Contributing

Fork it!
Create your feature branch: git checkout -b my-new-feature
Commit your changes: git commit -m 'Add some feature'
Push to the branch: git push origin my-new-feature
Submit a pull request