Skip to content

Instantly share code, notes, and snippets.

View stoyanvi's full-sized avatar

Stoyan Ivanov stoyanvi

2 followers · 7 following
  • Sofia, Bulgaria
View GitHub Profile
@stoyanvi
stoyanvi / README.md
Last active August 29, 2015 14:10 — forked from addyosmani/README.md

CSS Layout Debugger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.

One-line version to paste in your DevTools

Use $$ if your browser aliases it:

~ 108 byte version

@stoyanvi
stoyanvi / _import-once.scss
Last active July 1, 2020 13:20
Prevent styles from being loaded multiple times for components that rely on other components.
// IMPORT ONCE
// Prevent styles from being loaded multiple times for components that rely on other components.
$modules: () !default;
@mixin exports($name) {
$module_index: index($modules, $name);
@if not index($modules, $name) {
$modules: append($modules, $name) !global;
@content;
}
}
@stoyanvi
stoyanvi / Non-blocking-error.js
Last active August 29, 2015 14:08 — forked from FGRibreau/Non-blocking-error.js
function toBeProfiled(){
console.log(new Error('Show me the stack!'));
//Do something here
}
function launchApp(){
function doThing(){
console.debug(toBeProfiled);
toBeProfiled();
@stoyanvi
stoyanvi / vote.js
Last active August 29, 2015 14:08 — forked from FGRibreau/vote.js
/**
* How to automatically vote on VoicePolls -__- #ScriptKiddieLevel
*
* Guys, you should really check — at least — for IPs and — at least — put a rate-limit on API calls.
*
* Usage :
* $ npm install async request
* $ node vote.js
*/
@stoyanvi
stoyanvi / ng-animate1.js
Last active August 29, 2015 14:08 — forked from FGRibreau/ng-animate1.js
// First configure $animateProvider
angular.module('MyApp', ['ngAnimate']).config(['$animateProvider', function($animateProvider){
// restrict animation to elements with the bi-animate css class with a regexp.
// note: "bi-*" is our css namespace at @Bringr.
$animateProvider.classNameFilter(/bi-animate/);
}]);
@stoyanvi
stoyanvi / index.html
Created October 28, 2014 14:10
A Pen by Stoyan Ivanov.
<div class="svg-icon svg-icon--cloud"></div>
@stoyanvi
stoyanvi / pre-commit.bash
Created July 25, 2014 15:14 — forked from tigerclaw-az/pre-commit.bash
#!/bin/bash
SCRIPTPATH=`git rev-parse --show-toplevel`"/.git/hooks"
HOOKS="${SCRIPTPATH}/pre-commit-*"
shopt -s nullglob
pass=true
for hook in $HOOKS
@stoyanvi
stoyanvi / post-merge
Created July 25, 2014 13:04
git hook to run a command after `git pull` if a specified file was changed. In this example it's used to run `npm install` if package.json changed and `bower install` if `bower.json` changed. Run `chmod +x post-merge` to make it executable then put it into `.git/hooks/`.
#!/bin/sh
#
# git hook to run a command after `git pull` if a specified file was changed
# Run `chmod a+x post-merge` to make it executable then put it into `.git/hooks/`.
changed_files="$(git diff-tree -r --name-only --no-commit-id ORIG_HEAD HEAD)"
check_run() {
echo "$changed_files" | grep --quiet "$1" && eval "$2"
}
@stoyanvi
stoyanvi / _baseline.scss
Created April 22, 2014 12:16 — forked from razwan/_baseline.scss
$base-font-size: 16px;
$base-line-height: 1.5;
// this value may vary for each font
// unitless value relative to 1em
$cap-height: 0.68;
@mixin baseline($font-size, $scale: 2) {
@stoyanvi
stoyanvi / git-merge-tool
Created April 16, 2014 12:58 — forked from coderxin/git-merge-tool
git config --global mergetool.sublime.cmd "subl -w \$MERGED"
git config --global mergetool.sublime.trustExitCode false
git config --global merge.tool sublime
git mergetool -y