Skip to content

Instantly share code, notes, and snippets.

View PuddingNL's full-sized avatar

Jeroen Bijl PuddingNL

View GitHub Profile
@PuddingNL
PuddingNL / hyper.js
Last active April 21, 2022 14:19
Hyper config file
// Future versions of Hyper may add additional config options,
// which will not automatically be merged into this file.
// See https://hyper.is#cfg for all currently supported options.
module.exports = {
config: {
// choose either `'stable'` for receiving highly polished,
// or `'canary'` for less polished but more frequent updates
updateChannel: 'stable',
"viewports": [
{
"label": "iPhone XR",
"width": 414,
"height": 896
},
{
"label": "iPhone XS",
"width": 375,
"height": 812
@PuddingNL
PuddingNL / hosts
Created June 4, 2018 10:56
Hosts File to Block Facebook from my Machine
127.0.0.1 api.ak.facebook.com
127.0.0.1 api.connect.facebook.com
127.0.0.1 api.facebook.com
127.0.0.1 app.facebook.com
127.0.0.1 apps.facebook.com
127.0.0.1 ar-ar.facebook.com
127.0.0.1 badge.facebook.com
127.0.0.1 blog.facebook.com
127.0.0.1 connect.facebook.com
127.0.0.1 connect.facebook.net
@PuddingNL
PuddingNL / [SASS] SVGIconFunction.scss
Last active April 21, 2022 14:19
[SASS] SVG Icon function
@function _buildIcon($icon, $width, $height) {
$icon: '%3Csvg%20viewBox%3D%220%200%20#{$width}%20#{$height}%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22#{$width}%22%20height%3D%22#{$height}%22%3E#{$icon}%3C%2Fsvg%3E';
@return $icon;
}
@function _buildPath($path, $parameters) {
$icon: '%3Cpath%20fill%3D%22#{map-get($parameters, color)}%22%20stroke%3D%22#{map-get($parameters, stroke-color)}%22%20stroke-width%3D%22#{map-get($parameters, stroke-width)}%22%20style%3D%22#{map-get($parameters, css)}%22%20d%3D%22#{$path}%22%20%2F%3E';
@return $icon;
}
@PuddingNL
PuddingNL / [SASS] String Replace
Created June 7, 2016 07:22
String replace in sass
/**
* Replace `$search` with `$replace` in `$string`
* @author Hugo Giraudel
* @param {String} $string - Initial string
* @param {String} $search - Substring to replace
* @param {String} $replace ('') - New value
* @return {String} - Updated string
*/
@function str-replace($string, $search, $replace: '') {
@PuddingNL
PuddingNL / [CSS] Structural CSS
Created March 27, 2015 10:00
[CSS] Structural CSS
/**
* Author: <AUTHOR>
* Name: <FILENAME>
* Description: <DESCRIPTION>
*
* ============================================
*
* CONTENT:
* --------------------------------------------
* CH01 - Resets
@PuddingNL
PuddingNL / gist:f309a3727abdba852359
Created February 18, 2015 15:25
CodeSniffer Bookmarker
javascript:(function() {var _p='http://squizlabs.github.com/HTML_CodeSniffer/build/';var _i=function(s,cb) {var sc=document.createElement('script');sc.onload = function() {sc.onload = null;sc.onreadystatechange = null;cb.call(this);};sc.onreadystatechange = function(){if(/^(complete|loaded)$/.test(this.readyState) === true){sc.onreadystatechange = null;sc.onload();}};sc.src=s;if (document.head) {document.head.appendChild(sc);} else {document.getElementsByTagName('head')[0].appendChild(sc);}}; var options={path:_p};_i(_p+'HTMLCS.js',function(){HTMLCSAuditor.run('WCAG2AA',null,options);});})();
@PuddingNL
PuddingNL / _mixins
Last active April 21, 2022 14:19
[SASS] Mixins
/*
* Author: David Walsh
* Source: http://css-tricks.com/redesigning-with-sass/
*/
@mixin vendorize($property, $value) {
-webkit-#{$property}: $value;
-moz-#{$property}: $value;
-ms-#{$property}: $value;
-o-#{$property}: $value;
@PuddingNL
PuddingNL / [CSS] InfoBoxes.css
Last active April 21, 2022 14:19
[CSS] Info boxes
.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
@PuddingNL
PuddingNL / [CSS] Normalize.css
Last active April 21, 2022 14:19
[CSS] Normalize
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined in IE 8/9.
*/