Skip to content

scriptex/scss-goodies

Repository files navigation

Analytics

SCSS Helpers

SCSS helpers for every day usage

This is a WIP repository. For details about the current helpers, please see below.

Helpers

  1. Rainbow: Multiple color stops gradient without fade and blur between color stops
  2. Triangle: Triange with rounded corners and optionally gradient background
  3. Unbreak: Prevent long urls from breaking out of container
  4. SVG Loader - A mixin which accepts an SVG string and some options (background-repeat, background-position, background-size) and creates an SVG background image

Tools

  1. Media query for hover.
  2. Function for easy usage of CSS custom properties
  3. Function for replacing string
  4. Function for converting a SVG code to CSS friendly string
  5. SVG background
  6. SVG multiple background images

LICENSE

MIT