Lisa Sy lisasy
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .select-dropdown { | |
| position: relative; | |
| i { | |
| @include background-image(linearselect-gradient($white 0, darken($white, 2%) 100%, transparent 80%)); | |
| @include position(absolute, 1px 3% 0 0); | |
| background: $white; | |
| background: linear-gradient(top, $white, darken($white, 5%)); | |
| background: -o-linear-gradient(top, $white, darken($white, 5%)); | |
| background: -moz-linear-gradient(top, $white, darken($white, 5%)); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @mixin inline-block { | |
| ul { | |
| display: block; | |
| li { | |
| display: inline-block; | |
| float: left; | |
| } | |
| } | |
| } |
lisasy
/ _vertical-padding.scss
Last active
December 21, 2015 22:08
Declaring same left and right padding of an element.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @mixin vertical-padding($value) { | |
| padding-left: $value; | |
| padding-right: $value; | |
| } |
lisasy
/ _border-radius.css.scss
Created
September 3, 2013 20:52
Making it easier to define the border-radius of elements.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @mixin border-radius($radius) { | |
| -moz-border-radius: $radius; | |
| -webkit-border-radius: $radius; | |
| -ms-border-radius: $radius; | |
| border-radius: $radius; | |
| } | |
| @mixin border-top-radius($radius) { | |
| -moz-border-top-left-radius: $radius; | |
| -moz-border-top-right-radius: $radius; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| div.nub { | |
| border-bottom: 16px solid rgb(250,250,250); | |
| border-left: 16px solid transparent; | |
| border-right: 16px solid transparent; | |
| content: ''; | |
| height: 0; | |
| margin-left: -16px; | |
| position: absolute; | |
| top: -16px; | |
| width: 0; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @mixin equal-gutter($direction: top, $value: 1em) { | |
| padding-#{$direction}: $value; | |
| margin-#{$direction}: $value; | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| %header.site-header | |
| .header-content | |
| .search-content | |
| %section.container | |
| %aside | |
| %nav | |
| %ul | |
| %li | |
| %a |
lisasy
/ application.html.haml
Last active
August 29, 2015 13:57
Nested application layouts for Rails projects
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| !!! | |
| %html | |
| %head | |
| %meta{:charset => "utf-8"} | |
| %meta{:content => "NOODP", :name => "ROBOTS"} | |
| %meta{name: 'viewport', content: 'width=device-width; initial-scale=1.0; maximum-scale=1.0;'} | |
| %title= page_title | |
| = stylesheet_link_tag :application, :media => 'all' | |
| = csrf_meta_tags | |
| %body{:class => body_class} |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $column-num: col !default; | |
| @for $i from 2 through 4 { | |
| .#{$column-num}-#{$i} { | |
| overflow: hidden; | |
| .column { | |
| @include fill-parent(); | |
| @include media($medium-screen) { |
lisasy
/ _sticky-waypoint.js
Created
November 13, 2014 02:22
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $(function() { | |
| var $stickyEl = $("[data-waypoint='nav']"); | |
| var $stopEl = $("[data-waypoint='footer']"); | |
| var $verticalGutter = $stopEl.outerHeight() | |
| $stickyEl.waypoint("sticky", function() { | |
| $("[data-waypoint='main']").toggleClass("stuck"); | |
| }); | |
| $stopEl.waypoint(function (direction) { |
OlderNewer