Skip to content

Instantly share code, notes, and snippets.

View napotopia's full-sized avatar

Rodrigo Martinez napotopia

View GitHub Profile
@napotopia
napotopia / index.html
Created August 13, 2012 12:03
A web page created at CodePen.io.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!-- IF PEN IS PRIVATE -->
<!-- <meta name="robots" content="noindex"> -->
<!-- END -->
@napotopia
napotopia / SassMeister-input.scss
Created September 27, 2013 11:24
Generated by SassMeister.com.
// ----
// Sass (v3.2.10)
// Compass (v0.13.alpha.4)
// ----
@mixin insertSVGWithFallback($image, $fallBackClass:'no-svg') {
background: url($image + ".svg") 0 0 no-repeat;
.#{$fallBackClass} & {
background: url($image + ".png") 0 0 no-repeat;
}
@napotopia
napotopia / SassMeister-input.scss
Created October 7, 2013 13:07
Generated by SassMeister.com.
// ----
// Sass (v3.2.10)
// Compass (v0.13.alpha.4)
// ----
$basePixelSize:12;
@function calcFontSize($value:100, $_unit:$unit, $base:$basePixelSize) {
@if $_unit == 'px' {
@return ($base * $value / 100)#{$_unit};
@napotopia
napotopia / SassMeister-input.scss
Created October 7, 2013 19:46
Generated by SassMeister.com.
// ----
// Sass (v3.2.10)
// Compass (v0.13.alpha.4)
// ----
// Namespacing
$uiNameSpace: "ui";
// Base Margin / Padding
$baseMP:1em;
@napotopia
napotopia / SassMeister-input.scss
Last active August 29, 2019 18:26
Margin Padding Generator
// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----
//@import "../config/_variables.scss";
// =============================================
// Base :: Settings
// =============================================
@napotopia
napotopia / SassMeister-input.scss
Created November 14, 2013 16:15
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----
@mixin drop-shadow($color:'#bdbdbd',$top:-1px, $left:2px, $blur:4px, $length:0, $inset:null) {
-moz-box-shadow: $top $left $blur $length $color $inset;
-webkit-box-shadow: $top $left $blur $length $color $inset;
box-shadow: $top $left $blur $length $color $inset;
}
@napotopia
napotopia / SassMeister-input.scss
Created December 23, 2013 18:50
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----
// view pen @: http://codepen.io/napotopia/pen/hFjuv
@import "compass";
@mixin col-generator($items...) {
@napotopia
napotopia / SassMeister-input.scss
Created January 8, 2014 13:58
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----
/**
* Generate a solid class (for use in markup) and a silent class (for use with
* `@extend`) in one go.
*/
@mixin class($name) {
@napotopia
napotopia / SassMeister-input.scss
Created January 9, 2014 22:54
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// ----
.col {
width: 28%;
float: left;
&+& {
margin-left: 30px;
// ----
// Sass (v3.3.9)
// Compass (v1.0.0.alpha.20)
// ----
$navHeaderBG: #fff;
$navBG: #00305e;
$navIconColor: #DD760C;
$navLinkArrowColor: #99acbf;
$navLinkArrowHoverColor: $navBG;