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:
I hereby claim:
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", |
#content { | |
width: 100%; | |
} | |
#content.bg-blue { | |
background: blue; | |
} | |
#content.bg-red { | |
background: red; | |
} | |
#content.bg-yellow { |
// 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; |
// 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 |
#iosapp | |
html | |
background: white |
// Example implementation | |
@import _scalablegs | |
+setup-rem | |
//....... | |
@media only screen and (min-width: 540px) | |
$sitewidth: 100% | |
$margin: .2% |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="UTF-8"> | |
<title>3D Sass Text · CodePen</title> | |
<style> |