/Scss-Helpers

Scss-helpers makes it easy to maintain the code quality while developing.🚀 It contains many useful features like auto-complete, live snippets and much more. Scss features a user-friendly interface and offers tutorials for new users. 💪

Primary LanguageSCSS

SCSS - bunch of useful mixins and functions

Installation

scss-helpers-preview

It's a VS Code snippets that allow you to utilize SSCS functions and mixins that have already been precoded as well as some abbreviations to cut down on development time.

Available Prefixes

All commands were prefixed with underscore "_"

1- @rules

  • _imp âžœ @import 'filePath'

  • _use âžœ @use 'filePath' as *

  • _fw âžœ @forward 'filePath'

2- Responsiveness methods

  • _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

  • _rmh âžœ ResponsiveMax mixin for laptop

  • _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

3- Functions

  • _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

4- Others

  • _bba âžœ Position absolute cover parent
  • _bgco âžœ Background image size cover
  • _bicn âžœ Background image size contain
  • _apm âžœ Auto prefix mixin
  • _ap âžœ Auto prefix @include