Skip to content

Instantly share code, notes, and snippets.

View misscs's full-sized avatar

cs misscs

  • Composites Collective, SassConf
  • New York, NY
View GitHub Profile
@misscs
misscs / save_dependencies.js
Created May 11, 2015 21:25
A script to output all dependencies in node_modules folder
var fs = require("fs");
function main() {
fs.readdir("./node_modules", function (err, dirs) {
if (err) {
console.log(err);
return;
}
dirs.forEach(function(dir){
if (dir.indexOf(".") !== 0) {
@misscs
misscs / SassMeister-input.scss
Created March 12, 2015 18:48
Starters for Mixins V. Extends
// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----
@mixin solid-block {
background: blue;
color: white;
padding: 0.5em;
}
@misscs
misscs / SassMeister-input.scss
Created March 12, 2015 18:40
Learning about Maps and Lists
// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----
// Z-Index
// =======
$z-index: (
'bump': 10,
@misscs
misscs / bower.gulpfile.js
Created March 1, 2015 20:51
Bower tasks for gulp
var bower = require('bower');
var bowerFiles = require('main-bower-files');
var del = require('del');
gulp.task('bower-clean-sass', function (cb) {
del(['assets/stylesheets/plugins/bower'], cb);
});
gulp.task('bower-clean', ['bower-clean-sass']);
@misscs
misscs / package.json
Created March 1, 2015 20:50
Common dev dependencies
"devDependencies": {
"browser-sync": "^1.9.0",
"gulp": "^3.8.10",
"gulp-cached": "^1.0.2",
"gulp-scss-lint": "^0.1.4",
"scsslint": "0.0.3"
}
@misscs
misscs / gulpfile.js
Created March 1, 2015 20:40
[WIP] The gulp file I keep turning to. Darling, I only have eyes for you.
var gulp = require('gulp');
var browserSync = require('browser-sync');
var reload = browserSync.reload;
var harp = require('harp');
var scsslint = require('gulp-scss-lint');
var cache = require('gulp-cached');
var paths = {
templates: '**/*.{jade, md}',
css: 'assets/stylesheets/*.css',
@media (max-width: 50em) {
.r-menu {
position: absolute;
top: 0;
bottom: 0;
background: white;
box-shadow: 0 0 0.625rem rgba(43, 52, 59, 0.25);
z-index: 200;
}
.r-menu[aria-expanded='false'] {
@misscs
misscs / SassMeister-input-HTML.html
Last active August 29, 2015 14:13
Generated by SassMeister.com.
<div class="team-grid"><article class="member h-card"><span style="background-image:url(https://pbs.twimg.com/profile_images/488829281561112576/VaBLKvWY.jpeg)" class="member-photo"></span><h3 class="p-name">Robert Anthony Bellamy</h3><p class="p-job-title">This member has a very long job title ong job title ong job title ong job title ong job title</p><a href="http://twitter.com/rabellamy" rel="me" class="u-url"><i class="fa fa-twitter"></i>twitter</a><a href="http://github.com/rabellamy" rel="me" class="u-url"><i class="fa fa-github"></i>github</a></article><article class="member h-card"><span style="background-image:url(https://pbs.twimg.com/profile_images/461495643291140096/td52Mi15.jpeg)" class="member-photo"></span><h3 class="p-name">Nicholas Frota</h3><p class="p-job-title">Interface Designer</p><a href="http://twitter.com/nonlinear" rel="me" class="u-url"><i class="fa fa-twitter"></i>twitter</a><a href="http://github.com/nonlinear" rel="me" class="u-url"><i class="fa fa-github"></i>github</a></article>
@misscs
misscs / gulpfiles.js
Created January 15, 2015 14:59
Setting up browser sync via Gulp with Harp web server
var gulp = require('gulp');
var browserSync = require('browser-sync');
var reload = browserSync.reload;
var harp = require('harp');
var scsslint = require('gulp-scss-lint');
var paths = {
templates: '**/*.{jade,md}',
css: 'assets/stylesheets/*.css',
sass: ['assets/stylesheets/**/*.scss', 'assets/stylesheets/*.scss'],
@misscs
misscs / SassMeister-input-HTML.html
Last active August 29, 2015 14:12
Generated by SassMeister.com.
<div class="wrapper">
<div class="box">
<p>Content. Content. Like cookies. content</p>
<footer>Foot</footer>
</div>
<div class="box">
<p>Content</p>
<footer>Foot</footer>
</div>
<div class="box">