Skip to content

Instantly share code, notes, and snippets.

@maddsnobl
maddsnobl / SCSS.md
Created April 30, 2018 13:13 — forked from jareware/SCSS.md
Advanced SCSS, or, 16 cool things you may not have known your stylesheets could do

⇐ back to the gist-blog at jrw.fi

Advanced SCSS

Or, 16 cool things you may not have known your stylesheets could do. I'd rather have kept it to a nice round number like 10, but they just kept coming. Sorry.

I've been using SCSS/SASS for most of my styling work since 2009, and I'm a huge fan of Compass (by the great @chriseppstein). It really helped many of us through the darkest cross-browser crap. Even though browsers are increasingly playing nice with CSS, another problem has become very topical: managing the complexity in stylesheets as our in-browser apps get larger and larger. SCSS is an indispensable tool for dealing with this.

This isn't an introduction to the language by a long shot; many things probably won't make sense unless you have some SCSS under your belt already. That said, if you're not yet comfy with the basics, check out the aweso

@maddsnobl
maddsnobl / SassMeister-input.scss
Created April 30, 2018 13:13 — forked from lewismcarey/SassMeister-input.scss
Get Color from SASS Color Map
// ----
// libsass (v3.2.5)
// ----
// Color Map
$colors: (
blue: #0000FF,
red: (
base: #FF0000,
light: #EEEEFF,
@maddsnobl
maddsnobl / css3pulsingcirle
Created January 25, 2018 02:43 — forked from bbrewer97202/css3pulsingcirle
Simple CSS3 pulsing circle animation
<html>
<head>
<title></title>
</head>
<body>
<div id="pulser">
<div class="pulse pulse1"></div>
<div class="pulse pulse2"></div>
<div class="pulse pulse3"></div>