Skip to content

Instantly share code, notes, and snippets.

View lilrogalski's full-sized avatar

Ryan Rogalski lilrogalski

View GitHub Profile
import React from 'react'
import classNames from 'classnames'
export default class SocialButtons extends React.Component {
componentWillMount() {
this.setupTwitter()
this.setupFacebook()
}
alias be='bundle exec'
alias bi='bundle install'
alias esl='ember serve --environment=local'
alias gb='git branch'
alias gc='git checkout'
alias gcm='git checkout master'
alias gcp='git cherry-pick'
alias gp='git pull'
import React, { Component } from 'react'
import ReactCSSTransition from 'react-addons-css-transition-group'
import cn from 'classnames'
import style from './style.css'
import buttons from '../App/buttons.css'
export default class HypnoView extends Component {
constructor () {
super()
@lilrogalski
lilrogalski / Convert SCSS to SASS
Last active February 19, 2018 14:18
Convert all files in directory from SCSS to SASS, delete unused SCSS files
// convert all files from scss to sass syntax
sass-convert -R . -F scss -T sass
// delete all unnecessary *.scss files
find . -name "*.scss" -type f -delete
$header-padding: 5px
.section-header
background: whitesmoke
border-bottom: solid 1px $gray-border
padding: 15px 0
h1, h2, h3, h4
display: inline-block
font-family: museo-slab, serif
$.fn.extend renameAttr: (name, newName, removeData) ->
val = undefined
@each ->
val = $.attr(this, name)
$.attr this, newName, val
$.removeAttr this, name
# remove original data
if removeData isnt false
$.removeData this, name.replace("data-", "")
$body = $("body")
$body.attr "data-#{winH}", $body.attr("data-intro")
$body.removeAttr "data-intro"
for i in [1..8]
$body.attr "data-#{win2 * i}", $body.attr("data-section-#{i}")
$body.removeAttr "data-section-#{i}"
@lilrogalski
lilrogalski / dabblet.css
Created December 23, 2011 22:05
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
body {
color: #111;
padding: 24px 0;
}
@lilrogalski
lilrogalski / dabblet.css
Created December 23, 2011 22:02
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
body {
background: #2c2c2c url(http://daviddiamante.com.s90854.gridserver.com/wp-content/uploads/2011/12/grey_texture_1.jpg) repeat;
color: #111;
padding: 24px 0;
}