Skip to content

Instantly share code, notes, and snippets.

Raphael Goetter raphaelgoetter

Block or report user

Report or block raphaelgoetter

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View VScode params
{
"atomKeymap.promptV3Features": true,
"editor.multiCursorModifier": "ctrlCmd",
"editor.formatOnPaste": true,
"editor.fontSize": 17,
"editor.fontFamily": "fira mono, inconsolata, consolas, Menlo, Monaco, 'Courier New', monospace",
"editor.lineHeight": 24,
"editor.tabSize": 2,
"editor.wordWrap": "on",
"workbench.iconTheme": "vscode-icons",
View sass-grid-mixin.scss
// Warning : you should use your own values, regardless of the devices
// Best practise : (max-width: $BP) and (min-width: ($BP + 1))
$tiny: 543px !default; // or 'em' if you prefer, of course
$small: 767px !default;
$medium: 991px !default;
$large: 1199px !default;
$extra-large: 1439px !default;
@mixin grid($number, $gutter) {
display: flex;
@raphaelgoetter
raphaelgoetter / snippets.cson
Last active Apr 16, 2018
Atom snippet pour Schnapsum ! (aller dans Atom -> snippets -> c/c)
View snippets.cson
# Your snippets
#
# Atom snippets allow you to enter a simple prefix in the editor and hit tab to
# expand the prefix into a larger code block with templated values.
#
# You can create a new snippet in this file by typing "snip" and then hitting
# tab.
#
# An example CoffeeScript snippet to expand log to console.log:
#
View jsnav.js
(function() {
// old browser or not ?
if ( !('querySelector' in document && 'addEventListener' in window) ) {
return;
}
window.document.documentElement.className += ' js-enabled';
function toggleNav() {
@raphaelgoetter
raphaelgoetter / browserslist-2016-06
Created Jun 20, 2016 — forked from PhilippeVay/browserslist-2016-06
List of browsers we support. Useful for Autoprefixer and other PostCSS plugins
View browserslist-2016-06
// @NOTE Chrome version may vary (was chosen arbitrarily between "recent" versions)
// @NOTE Fx42 is also current ESR version
// @NOTE Android version may be 4.4.4 instead of 4.4
var browsersList = ['IE >= 10', 'Edge >= 12', 'Chrome >= 42', 'Firefox >= 42', 'Firefox ESR', 'Safari >= 8', 'ios_saf >= 8', 'Android >= 4.4'];
View grid-variables.css
/* source : http://jsbin.com/lenise/edit?css,output */
/* author : tzi.fr */
.grid {
--grid-column: 2;
--grid-gutter: 5px;
margin: 0;
padding: 0;
overflow: hidden;
View gist:c36abfa8132e23c26d2a
// the loop
.grid(@name; @columns; @index: 1) when (@index =< @columns) {
.grid(@name; @columns; (@index + 1));
.@{name}-@{index} {
width: ( percentage(@index / @columns) );
& when ( @index < @columns ) {
&:extend(.column);
}
}
View Gulp-Build-and-Gulp-Prod.js
//{
// "name": "demo",
// "version": "0.0.0",
// "devDependencies": {
// "gulp": "latest",
// "gulp-autoprefixer": "latest",
// "gulp-cssbeautify": "latest",
// "gulp-csscomb": "latest",
// "gulp-load-plugins": "latest",
// "gulp-less": "latest",
View CSS snippets
break-inside: avoid-column;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
You can’t perform that action at this time.