Skip to content

Instantly share code, notes, and snippets.

View garbray's full-sized avatar

Bryan Garzón Bahamón garbray

View GitHub Profile
@garbray
garbray / example.css
Created September 4, 2012 20:17
css simple a styling
li a {
color: #999;
}
li a:hover {
color: #666;
}
@garbray
garbray / example.sass
Created September 4, 2012 20:24
sass simple a styling
li
a
color: #999
&:hover
color: #666
@garbray
garbray / example.sass
Created September 4, 2012 20:27
sass simple a styling
li
a
color: #999
&:hover
color: #666
@garbray
garbray / example.sass
Created September 4, 2012 20:28
sass simple a styling
li
a
color: #999
&:hover
color: #666
@garbray
garbray / example2.sass
Created September 4, 2012 20:52
sass simple a styling
$blue: #3bbfce
$margin: 16px
.content-navigation
border-color: $blue
color: darken($blue, 9%)
.border
border-color: $blue
@garbray
garbray / example2.css
Created September 4, 2012 20:54
sass simple a styling
.content-navigation {
border-color: #3bbfce;
color: #2b9eab;
}
.border {
border-color: #3bbfce;
}
@garbray
garbray / mixin1.css
Created September 4, 2012 21:02
sass simple mixin
@mixin floaty($minimized-by-default, $side: left){
float: $side;
width: 300px;
@if $minimized-by-default {
overflow: hidden;
width: 5px;
}
}
.navigation{
@garbray
garbray / mixin1.css
Created September 4, 2012 21:05
sass simple mixin
@mixin floaty($minimized-by-default, $side: left)
float: $side
width: 300px
@if $minimized-by-default
overflow: hidden
width: 5px
.navigation
@garbray
garbray / mixin.css
Created September 4, 2012 21:09
css simple mixin output
.navigation {
background: green;
float: left;
width: 300px; }
.navigation.secondary {
background: blue;
float: right;
width: 300px;
overflow: hidden;
rEx.create($('body'), 'window', 'modalWindow', {
width: 300,
centered: true,
style: 'default',
html: '<p>You only need to skim this term once in the article.</p><p>Is this different information like an additional gene name that you have found?</p><p>if so, then click "Continue" to save this skim, if it is not, then click "Cancel" and move onto the next concept</p>',
modal: true,
maskOpacity: 2,
clickOutside: true,
buttons: [
{