Skip to content

Instantly share code, notes, and snippets.

View illycz's full-sized avatar

Patrik Illy illycz

1 follower · 0 following
View GitHub Profile
@illycz
illycz / Facebook Like Box Responsive
Last active December 21, 2015 19:59 — forked from smeranda/facebook_like-box_responsive.css
/*
Make the Facebook Like box responsive (fluid width)
https://developers.facebook.com/docs/reference/plugins/like-box/
*/
/* This element holds injected scripts inside iframes that in some cases may stretch layouts. So, we're just hiding it. */
#fb-root {
display: none;
}
@illycz
illycz / wordpress-plugin-svn-to-git.md
Created August 28, 2013 07:37 — forked from kasparsd/wordpress-plugin-svn-to-git.md
@illycz
illycz / README.md
Created September 4, 2013 07:21 — forked from necolas/README.md

NOTE I now use the conventions detailed in the SUIT framework

Template Components

Used to provide structural templates.

Pattern

t-template-name
@illycz
illycz / css-sort-order.txt
Last active December 25, 2015 07:49
Basic CSS Sort Order
position
top
right
bottom
left
z-index
display
visibility
float
clear
@illycz
illycz / Better Emmet Media Queries
Created November 20, 2013 12:06 — forked from jordanmoore/Better Emmet Media Queries
"css": {
"abbreviations": {
"mqm": "@media screen and (min-width:${1}) {\n\t|\n}",
"mqx": "@media screen and (max-width:${1}) {\n\t|\n}"
}
}
@illycz
illycz / SassMeister-input.scss
Created December 4, 2013 21:24 — forked from lunelson/SassMeister-input.scss
Generated by SassMeister.com. http://sassmeister.com/gist/7795881
// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----
/*
A slightly more automated approach to BEM modifier classes:
using '&' parent selector interpolation, modifiers extend their bases,
so that HTML markup requires only the modifier class not the base *and* modifier
*/
@illycz
illycz / Susy Grids
Last active August 29, 2015 13:56
1. Jestli si to pamatuju dobře, tak Susy sloupce floatuje a je třeba označovat poslední položku na řádku.
U změny počtu sloupců v různých breakpointech se tím pádem musí řešit i změna poslední položky na řádku...
2. Jak se řeší případ, kdy se vypisuje např. 8 sloupců po 25%, tzn. 4 na řádku a např.
druhý sloupec v prvním řádku má větší výšku. První sloupec druhého řádku, se pak samozřejmě
zasekává na tom vyšším sloupci viz. screenshot: http://cl.ly/image/2m3m3J1s0C2H
Je pravda, že Susy neznám detailně a proto mě zajímá, jak se tyhle, podle mě časté,
případy řeší a jak moc elegantní to je.
@illycz
illycz / gist:10932543
Created April 16, 2014 20:59 — forked from jimbojsb/gist:1630790

Step 0:

Get Homebrew installed on your mac if you don't already have it

Step 1:

Install highlight. "brew install highlight". (This brings down Lua and Boost as well)

Step 2:

@illycz
illycz / boilerplate.haml
Created April 22, 2014 21:18
/ HTML5 Doctype. Remember to delete these comments (Quirks Mode).
!!!
/ Modernizr HTML tag.
%html.no-js{lang: ""}
/ Let's get started.
%head
/ Document settings and metadata.
@illycz
illycz / SassMeister-input.scss
Created June 18, 2014 20:34
Generated by SassMeister.com.
// ----
// Sass (v3.3.8)
// Compass (v1.0.0.alpha.19)
// ----
// When we give an element some ‘attention’.
@mixin attention() {
&:hover,
&:active,