Skip to content

Instantly share code, notes, and snippets.

Avatar

Raphael Goetter raphaelgoetter

View GitHub Profile
@raphaelgoetter
raphaelgoetter / input.scss
Created Oct 12, 2020
Generated by SassMeister.com.
View input.scss
/* OMG */
/* spacer utility classes */
$breakpoints : (
sm: 576px,
md: 768px,
lg: 992px,
xl: 1200px
);
@raphaelgoetter
raphaelgoetter / input.scss
Created Oct 10, 2020
Generated by SassMeister.com.
View input.scss
$breakpoints : (
sm: 640px,
md: 768px,
lg: 1024px,
xl: 1330px
);
$sizes: 1rem, 2rem, 3rem, 4rem, 5rem, 6rem, 6rem, 10rem, 12rem, 15rem, 20rem;
// loop for each size
@each $sz in $sizes {
@raphaelgoetter
raphaelgoetter / VSCode params
Created Aug 21, 2020
Paramètres pour VSCode
View VSCode params
{
"atomKeymap.promptV3Features": true,
"editor.multiCursorModifier": "ctrlCmd",
"editor.formatOnPaste": true,
"editor.fontSize": 16,
"editor.lineHeight": 24,
"editor.wordWrap": "on",
"editor.renderWhitespace": "boundary",
"editor.minimap.enabled": true,
"stylelint.enable": true,
@raphaelgoetter
raphaelgoetter / schnapsum.code-snippets
Created Aug 21, 2020
Schnapsum snippet for VSCode
View schnapsum.code-snippets
{
"schnapsit": {
"prefix": [
"sch",
"schnaps"
],
"body": [
"${1|Lorem Salu bissame! Wie geht's les samis? Hans apporte moi une Wurschtsalad avec un picon bitte s'il te plaît. Voss? Une Carola et du Melfor? Yo dû espèce de Knäckes ch'ai dit un picon!,Lorem Yoo ch'ai lu dans les DNA que le Racing a encore perdu contre Oberschaeffolsheim. Verdammi et moi ch'avais donc parié deux knacks et une flammekueche. Ah so? T'inquiète ch'ai ramené du schpeck du chambon un kuglopf et du schnaps dans mon rucksack. Allez s'guelt! Wotch a kofee avec ton bibalaekaess et ta wurscht?,Lorem Elsass Ipsum mitt picon bière munster du ftomi! Ponchour bisame. Bibbeleskaas jetz rossbolla sech choucroute un schwanz geburtstàg Chinette dû ìch bier deppfele schiesser. Flammekueche de knèkes Seppele gal! a hopla geburtstàg alles fraü Chulia Roberts oder knäckes dûû blottkopf. Noch bredele schissabibala yeuh e schmutz. E gewurtztraminer doch Carola schneck schmutz a riesling de chambon eme rucksack Roger dû ho
@raphaelgoetter
raphaelgoetter / Give a background color with a Sass loop
Last active Aug 21, 2020
Give a background color with a Sass loop
View Give a background color with a Sass loop
$colors: orange, pink, green, tomato, chocolate;
//
//@each $value in $colors {
// $t: index($colors,$value);
// div:nth-child(#{$t}) {
// background-color: $value;
// }
//}
//
@raphaelgoetter
raphaelgoetter / Using & as variable in Sass
Last active Aug 21, 2020
Using & as variable in Sass
View Using & as variable in Sass
.btn {
display: inline-block;
padding: 1em;
color: pink;
$v: &;
&--primary {
@extend #{$v};
background: hotpink;
}
@raphaelgoetter
raphaelgoetter / respond-to mixin in Sass
Last active Aug 21, 2020
respond-to mixin in Sass
View respond-to mixin in Sass
$tiny: 543px !default; // or 'em' if you prefer, of course
$small: 767px !default;
$medium: 991px !default;
$large: 1199px !default;
$extra-large: 1439px !default;
$bp-aliases: (
'tiny' : (max-width: #{$tiny}),
'small' : (max-width: #{$small}),
'medium' : (max-width: #{$medium}),
@raphaelgoetter
raphaelgoetter / snippets.cson
Last active Dec 10, 2019
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() {
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.