Skip to content

Instantly share code, notes, and snippets.

View nicooprat's full-sized avatar

Nico Prat nicooprat

View GitHub Profile
@nicooprat
nicooprat / gist:4072992
Created November 14, 2012 16:06
My LESS mixins.
.transition( @trans: @transition ) {
transition: @trans;
-ms-transition: @trans;
-moz-transition: @trans;
-webkit-transition: @trans;
-o-transition: @trans;
}
.transitionDelay( @delay ) {
transition-delay: @delay;
@nicooprat
nicooprat / responsive-iframes.css
Created February 21, 2013 13:38
Automatic responsive iframes with JS + CSS.
/* CSS code */
.responsive-iframe {
position: relative;
padding-bottom: 0; // Will be overriden by Javascript
height: 0;
overflow: hidden;
margin-bottom: 20px;
}
.responsive-iframe iframe {
@nicooprat
nicooprat / grid.less
Last active August 1, 2019 09:07
First try to port Unsemantic to LESS. (http://unsemantic.com/)
// http://unsemantic.com/
// -------------------
// Variables
// -------------------
@nicooprat
nicooprat / SassMeister-input.sass
Created December 10, 2013 16:08
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----
$flag-dimension: 24px
$flags: en uk es nl
@each $flag in $flags
.flag-#{$flag}
@nicooprat
nicooprat / SassMeister-input.sass
Created December 10, 2013 16:30
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----
@import "compass"
@mixin arrow( $width, $color, $position )
$opposite: opposite-position($position)
@nicooprat
nicooprat / keyframes-mixin.less
Last active March 9, 2021 07:58
A simple and elegant keyframes mixin for LESS
// --------------
// Needs LESS compiler >= 1.7.0
// Docs : http://lesscss.org/features/#detached-rulesets-feature
// --------------
// 1. Define the mixin for cross browser keyframes
.keyframes(@name,@rules) {
@-webkit-keyframes @name {
@nicooprat
nicooprat / output.css
Created April 24, 2014 22:45
Vendor prefix mixin for LESS
/* It should output something like this... Easy ! */
.test {
animation: pulse 0.5s 1 both;
-ms-animation: pulse 0.5s 1 both;
-moz-animation: pulse 0.5s 1 both;
-webkit-animation: pulse 0.5s 1 both;
-o-animation: pulse 0.5s 1 both;
transition: all 0.25s;
@nicooprat
nicooprat / config.json
Created March 24, 2015 18:00
Example of Fontello config file
{
"name": "example",
"css_prefix_text": "icon-",
"css_use_suffix": false,
"hinting": true,
"units_per_em": 1000,
"ascent": 850,
"glyphs": [
{
"uid": "f54468e86cf1bce633518e01ef012442",
Future = Npm.require 'fibers/future'
Meteor.methods
_s3_delete: (path) ->
@unblock()
check path,String
future = new Future()
if S3.rules?.delete
@nicooprat
nicooprat / source.map
Last active July 5, 2016 16:11
Failed to parse SourceMap:
{"version":3,"sources":["meteor://💻app/packages/geojson-utils/main.js","meteor://💻app/packages/geojson-utils/geojson-utils.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA,+G;;;;;;;;;;;ACDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA