Skip to content

Instantly share code, notes, and snippets.

View iamcarrico's full-sized avatar

Ian J. Carrico iamcarrico

View GitHub Profile
@iamcarrico
iamcarrico / SassMeister-input.scss
Created August 22, 2014 15:16
Generated by SassMeister.com.
// ----
// Sass (v3.4.0)
// Compass (v1.0.0)
// ----
%extended {
color: blue;
&:first-child {
color: red;
@iamcarrico
iamcarrico / SassMeister-input-HTML.html
Created August 27, 2014 23:06
Generated by SassMeister.com.
<section>
<img src="http://placekitten.com/g/200/200" >
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit</p>
</section>
<section>
<img src="http://placekitten.com/g/200/200" >
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit</p>
</section>
@iamcarrico
iamcarrico / SassMeister-input.scss
Created August 28, 2014 16:50
Generated by SassMeister.com.
// ----
// Sass (v3.4.1)
// Compass (v1.0.1)
// ----
@each $name, $size in ("tiny": 30%, "small": 40%, "medium": 60%, "large": 70%, "xlarge": 95%) {
.class {
-name: #{$name};
-size: #{$size};
@iamcarrico
iamcarrico / SassMeister-input.scss
Created September 10, 2014 19:01
Generated by SassMeister.com.
// ----
// Sass (v3.4.3)
// Compass (v1.0.1)
// ----
%navigation-link {
border: 1px dashed orange;
}
#root-one {
@iamcarrico
iamcarrico / SassMeister-input.scss
Created September 15, 2014 20:31
Generated by SassMeister.com.
// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----
$list: ();
// create an bigger offset
@for $i from 1 through 100 {
@iamcarrico
iamcarrico / SassMeister-input.scss
Created September 15, 2014 21:02
Generated by SassMeister.com.
// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// ----
$list:();
// create an bigger offset
@for $i from 1 through 100 {
@if ($i <= 70) {
@if ($i != 10 or $i != 20 or $i != 25 or $i != 33 or $i != 50 or $i != 66 or $i != 67 or $i != 75 or $i != 80 or $i != 90) {
@iamcarrico
iamcarrico / SassMeister-input-HTML.html
Created September 15, 2014 22:16
Generated by SassMeister.com.
<div class="container">
<section class="first-section">
<img src="http://placekitten.com/g/200/200" >
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit</p>
</section>
<section class="second-section">
<img src="http://placekitten.com/g/200/200" >
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit</p>
</section>
@iamcarrico
iamcarrico / SassMeister-input-HTML.html
Created September 15, 2014 22:17
Generated by SassMeister.com.
<div class="container">
<section class="first-section">
<img src="http://placekitten.com/g/200/200" >
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit</p>
</section>
<section class="second-section">
<img src="http://placekitten.com/g/200/200" >
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit</p>
</section>
{
"name": "your_project_name",
"version": "1.0.0",
"homepage": "http://a-url-for-your-project.com",
"repository": "https://github.com/username/repo",
"dependencies": {},
"devDependencies": {
"gulp": "^3.6.2"
}
}
@iamcarrico
iamcarrico / SassMeister-input-HTML.html
Created September 18, 2014 15:09
Generated by SassMeister.com.
<div class="container">
<section class="first-section">
<img src="http://placekitten.com/g/200/200" >
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit</p>
</section>
<section class="second-section">
<img src="http://placekitten.com/g/200/200" >
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit</p>
</section>