Skip to content

Instantly share code, notes, and snippets.

Keybase proof

I hereby claim:

  • I am kedano on github.
  • I am kedano (https://keybase.io/kedano) on keybase.
  • I have a public key ASAVDLmijLx_5FXOCk8mfebwnsmykqt6ld7xIOOfgSABNQo

To claim this, I am signing this object:

{
"data": [{
"type": "documenttemplates",
"id": "1",
"attributes": {
"url": "/path/to/file/file.zip",
"filename": "file.zip"
}
},{
"type": "designguidelines",
@kedano
kedano / less-and-sass-output.css
Last active December 28, 2015 07:39
Basic declaration of (nested) styling is the same in both languages.
#content {
width: 100%;
}
#content.bg-blue {
background: blue;
}
#content.bg-red {
background: red;
}
#content.bg-yellow {
@kedano
kedano / _remit.sass
Created January 17, 2013 11:49
Rem value mixin
// Rem value mixin
=remit($property, $value)
#{$property}: $value + px
#{$property}: ($value / 10) + rem
//-------- Example --------------------------
//
// The Rem value is set to 10 px by the following
//
// html{font-size: 62,5%}
// defining gutter and column variables/
$colWidth: 60px;
$gutWidth: 20px;
// calculating the unit gt/cl size
@mixin totalWidth($givenWidth: 1) {
@if (unit($givenWidth) == "gt"){
width: ($givenWidth/1gt)*$gutWidth;
@kedano
kedano / retina.sass
Last active October 11, 2015 15:08 — forked from bearroast/gist:3875948
Simple retina mixin from 37signals
// Mixin (1.3 due to Nexus 7)
=image-2x($image, $width, $height)
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx)
background-image: url($image)
background-size: $width $height
// In use
input[type="email"]
background: url(mail.png) 14px 14px no-repeat
@kedano
kedano / _design.sass
Created July 30, 2012 09:12
test gist to see if the sublime text 2 plugin works
#iosapp
html
background: white
@kedano
kedano / a-gistio-test.md
Created July 19, 2012 20:46
This is a test

This is a test

Now is the time for all good men to come to the aid of their country. This is just a regular paragraph.

The quick brown fox jumped over the lazy dog's back.

Header 3

@kedano
kedano / _layout.sass
Created July 19, 2012 07:18
Scalable.gs framework
// Example implementation
@import _scalablegs
+setup-rem
//.......
@media only screen and (min-width: 540px)
$sitewidth: 100%
$margin: .2%
@kedano
kedano / Fullpage.html
Created June 19, 2012 20:57
A web page created at CodePen.io
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>3D Sass Text &middot; CodePen</title>
<style>