Skip to content

Instantly share code, notes, and snippets.

View imoddesign's full-sized avatar
💭
TURBO

imoddesign imoddesign

💭
TURBO
View GitHub Profile
@imoddesign
imoddesign / TailwindCSS + PurgeCSS React
Created September 1, 2020 00:48
Tailwind css and Purge css with create-react-app
Steps to reproduce:
1. npx create-react-app my-app
2. yarn add --dev tailwindcss autoprefixer postcss-cli @fullhuman/postcss-purgecss
3. ./node_modules/.bin/tailwind init tailwind.js
4. touch tailwind.css
5. touch postcss.config.js
6. modify start script in package.json: "node scripts/start.js && postcss ./tailwind.css -o src/App.css -w",
7. modify build script in package.json: "node scripts/build.js && postcss ./tailwind.css -o src/App.css"
@imoddesign
imoddesign / gulpfile.js
Created December 17, 2019 10:12 — forked from normanlolx/gulpfile.js
Gulp Sass with autoprefixer and minify.
var gulp = require('gulp'),
sass = require('gulp-sass'),
rename = require('gulp-rename'),
cssmin = require('gulp-cssnano'),
prefix = require('gulp-autoprefixer'),
plumber = require('gulp-plumber'),
notify = require('gulp-notify'),
sassLint = require('gulp-sass-lint'),
sourcemaps = require('gulp-sourcemaps');
// Temporary solution until gulp 4
@imoddesign
imoddesign / Score.js
Created March 21, 2019 04:39 — forked from hpstuff/Score.js
React Native
'use strict';
import React from 'react';
import {
StyleSheet,
Text,
View,
Animated,
Easing
} from 'react-native';
@imoddesign
imoddesign / index.html
Created November 19, 2016 07:08
SCSS Button Style Mixin
<button class="btn btn-primary" type="button">Button</button>
// ----
// libsass (v3.3.2)
// ----
$spacer: 1rem;
$spacer-x: $spacer;
$spacer-y: $spacer;
$spacers: ();
@imoddesign
imoddesign / SassMeister-input.scss
Created December 18, 2015 08:28
Generated by SassMeister.com.
// ----
// libsass (v3.3.2)
// ----
/*
Convert Rem to Pixel
http://www.stubbornella.org/content/2013/07/01/easy-peasy-rem-conversion-with-sass/
*/
// Function
@function RemToPx($size) {
@imoddesign
imoddesign / SassMeister-input-HTML.haml
Created December 17, 2015 02:53
Generated by SassMeister.com.
%ul.rating
- (1..5).each do |i|
%li(class="star-#{i}")
%input(type="radio" id="rating-star-#{i}" name="rating" value="#{i}")
%label(for="rating-star-#{i}") #{i} stars
%ul.rating2
- (1..8).each do |i|
%li(class="star-#{i}")
%input(type="radio" id="rating2-star-#{i}" name="rating-2" value="#{i}")
@imoddesign
imoddesign / SassMeister-input.scss
Created December 17, 2015 02:52
Generated by SassMeister.com.
// ----
// libsass (v3.2.5)
// ----
%float-left {
float: left;
}
@for $i from 1 through 12 {
.col-xlg-#{$i} {
width: 100% / 12 * $i;