Skip to content

Instantly share code, notes, and snippets.

@SandyLudosky
SandyLudosky / SassMeister-input-HTML.html
Created December 1, 2014 00:25
Generated by SassMeister.com.
<html>
<body>
<h1>Sass - Placeholders</h1>
<div class="box"><h4>Grey Box</h4></div>
<div class="success"><h4>Green Box</h4></div>
<div class="error"><h4>Red Box</h4></div>
<footer>&copy; 2014 - Someone <a href="#">legal link</a></a> </footer>
</body>
</html>
@SandyLudosky
SandyLudosky / SassMeister-input-HTML.html
Last active August 29, 2015 14:10
Generated by SassMeister.com.
<html>
<body>
<div class='container'>
<h1>Sass - Placeholders</h1>
<div class="box"><h4>Grey Box</h4></div>
<div class="success"><h4>Green Box</h4></div>
<div class="error"><h4>Red Box</h4></div>
<footer>&copy; 2014 - Someone <a href="#">legal link</a></a> </footer>
</div>
@SandyLudosky
SandyLudosky / SassMeister-input-HTML.html
Created December 1, 2014 00:51
Generated by SassMeister.com.
<html>
<body>
<h1>Sass - @import</h1><hr>
<div class="box"><h4>Grey Box</h4></div>
<div class="success"><h4>Green Box</h4></div>
<div class="error"><h4>Red Box</h4></div>
<footer>&copy; 2014 - Someone <a href="#">legal link</a></a> </footer>
</body>
</html>
@SandyLudosky
SandyLudosky / SassMeister-input-HTML.html
Created December 1, 2014 01:01
Generated by SassMeister.com.
<html>
<body>
<h1>Sass - @import</h1><hr>
<div class="box"><h4>Grey Box</h4></div>
<div class="success"><h4>Green Box</h4></div>
<div class="error"><h4>Red Box</h4></div>
<footer>&copy; 2014 - Someone <a class='btn btn-primary btn-xs'href="#">legal link</a></a> </footer>
</body>
</html>
@SandyLudosky
SandyLudosky / SassMeister-input-HTML.html
Created December 7, 2014 22:04
Generated by SassMeister.com.
<div class='container'>
<h1>SASS - Mixins with defaults</h1>
<h2><span>Basic</span> - Getting Started</h2>
<p id='mypara'>Lorem ipsum dolor sit amet, consectetur
adipiscing elit, sed do eiusmod tempor <br>
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi</p>

SASS-TO SVG & SASS - January 2015

Introductions

  • What's your focus / work?
  • What was the last thing you found challenging/frustrating in SASS

#SVG with SASS and Gulp#

Let's start downloading stuff during intro...

#Intro#

#Get to know the group#

  • Do you know any programming languages?
  • Are you using any of this in your project? ** Mixins? ** Extends?
{"schemaVersion":1,"label":"release","message":"0.0.0-development","color":"green"}
@SandyLudosky
SandyLudosky / Sass Basics
Created September 4, 2022 14:03
Sass Basics
// variable
$font-stack: Helvetica, sans-serif;
$primary-color: #16a085;
$secondary-color: #e67e22;
body {
font: 100% $font-stack;
color: $primary-color;
}
// variables
@color-gray: darkgrey;
@color-pink : pink;
@color-river:#3498db;
@color-belize: #2980b9;
@midnight-blue: #2c3e50;
@turquoise: #1abc9c;
@river: #3498db;
@amethyste: #9b59b6;