Skip to content

Instantly share code, notes, and snippets.

View mariusz's full-sized avatar
🤖
[ computing ]

Mariusz Cieśla mariusz

🤖
[ computing ]
View GitHub Profile
== config/_typography.scss
$font-size: (
regular: 1rem,
large: 1.5rem
);
$font-weight: (
regular: 400,
bold: 700

Keybase proof

I hereby claim:

  • I am mariusz on github.
  • I am dotmariusz (https://keybase.io/dotmariusz) on keybase.
  • I have a public key ASDPbMkS4CQEXAzfySPClCO_pGkHC9rfScPH8W_c0p0iWAo

To claim this, I am signing this object:

@function stripPx($in) {
$stripped: $in / ($in * 0 + 1); //strip unit
@return (($stripped) * 16) * 1px; //convert to px
}
= partial "partials/team_member", :locals => { :avatar_url => "...", :nickname => "...", :name => "...", :twitter_id => "...", :github_id => "...", :description => "..." }
.c-team-member
.c-team-member-photo
= image_tag locals[:avatar_url]
.c-team-member-links
= link_to image_tag("icon-twitter.svg", :class => "l-twitter"), "http://twitter.com/#{locals[:twitter_id]}", :target => "_blank"
= link_to image_tag("icon-github.svg", :class => "l-github"), "http://github.com/#{locals[:github_id]}", :target => "_blank"
.c-team-member-info
[13:51:21] <*raw> IRC -> [:NickServ!NickServ@services. NOTICE mariusz :This nickname is registered. Please choose a different nickname, or identify via /msg NickServ identify <password>.]
[13:51:21] <*raw> YOU -> [JOIN #css-lance,#ganzoben,#html5]
[13:51:21] <*raw> YOU -> [JOIN #sass,#sinatra,#travis]
[13:51:21] <*raw> YOU -> [JOIN #tomahawk,#openshift,#meteor]
[13:51:21] <*raw> YOU -> [JOIN #clockwork,#dailynoise,#firefox]
[13:51:21] <*raw> YOU -> [JOIN #tinker.io,#travis-love,#derbyjs]
[13:51:21] <*raw> YOU -> [JOIN #gitorious,#capybara]
[13:51:21] <*raw> IRC -> [:mariusz!~mariusz@2001:41d0:52:a00::1db QUIT :Excess Flood]
@mariusz
mariusz / gist:6549400
Last active December 22, 2015 23:49
CSSconf.eu - quick & dirty notes.

CSSconf.eu notes

Nicole Sullivan (@stubbornella) - Keynote

  • CSS keeps falling through the cracks in the space between design and development.
  • "Fuck your career. Follow your heart."

Peter Gasston - Web Components

  • Shadow DOM - secret markup inside elements that developers can't use. Rendered, but not visible in DOM.
@mariusz
mariusz / gist:3332291
Created August 12, 2012 15:32
@quora sign-up-gate sucks. Fix it.
.blurred_answer_wrapper span.blurred_answer { text-shadow:none; color: #000; }
.blurred_answer_wrapper .signup_cta_on_answer { display: none; }
@mariusz
mariusz / gist:3327369
Created August 11, 2012 21:17
Using %placeholder extend in Sass
%floated-box {
display:block;
float:left;
}
[role=main] {
@extend %floated-box;
background:red;
}
@mariusz
mariusz / color-lookup-table.scss
Created August 5, 2012 20:15
Scalable color lookup table for Sass
$ci_blue: #117bbe;
$ci_darkblue: #112ebe;
$ci_darkpurple: #5111be;
$ci_purple: #be11bc;
$ci_pink: #d11340;
$ci_darkorange: #e83815;
$ci_orange: #e87b15;
$ci_darkyellow: #e8a515;
$ci_yellow: #e8cf15;
$ci_lime: #cedf14;
#!/bin/bash
set -e
HOST="192.168.20.205"
if [[ "$1" == "play" ]]; then
if [[ -n "$2" ]]; then
mpc -h $HOST clear
mpc -h $HOST add "$2"