This file contains 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 class="container"> | |
<div class="wrapper"> | |
<ul id="sb-slider" class="sb-slider"> | |
<li> | |
<a href="http://www.flickr.com/photos/strupler/2969141180" target="_blank"><img src="https://tympanus.net/Development/Slicebox/images/1.jpg" alt="image1"/></a> | |
<div class="sb-description"> | |
<h3>Creative Lifesaver</h3> | |
</div> | |
</li> |
This file contains 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
<h1>Incredibly Basic Slider</h1> | |
<div id="slider"> | |
<a href="#" class="control_next">></a> | |
<a href="#" class="control_prev"><</a> | |
<ul> | |
<li>SLIDE 1</li> | |
<li style="background: #aaa;">SLIDE 2</li> | |
<li>SLIDE 3</li> | |
<li style="background: #aaa;">SLIDE 4</li> | |
</ul> |
This file contains 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
// ---- | |
// Sass (v3.3.0.rc.2) | |
// Compass (v1.0.0.alpha.17) | |
// ---- | |
$border-default-size: 1px !default; | |
$border-default-pattern: solid !default; | |
$border-default-color: #000000 !default; | |
@function add-border( |
This file contains 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
//Setting the initial border color to be red | |
$red: #9d261d; | |
//this mixin will set the box-shadow values. It will also allow for the felxibility of | |
//doing an inset shadow. | |
@mixin box-shadow ($isInset: false, $hOffset: 0, $vOffset: 0, $blur: 0, $spread: 0, $color: #ccc) { | |
@if $isInset { | |
-moz-box-shadow: inset $hOffset $vOffset $blur $spread $color; | |
-webkit-box-shadow: inset $hOffset $vOffset $blur $spread $color; | |
box-shadow: inset $hOffset $vOffset $blur $spread $color; |
This file contains 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 { | |
height: 88px; | |
} | |
header section { | |
position: relative; | |
color: #fff; | |
} | |
aside { | |
float: right; | |
width: 330px; |
This file contains 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 get-list-value($list, $place: first) | |
$list-length: length($list) | |
$group: null | |
@if $place == first | |
$group: nth($list, 1) | |
@else if $place == last | |
$group: nth($list, length($list)) | |
$listValue-object: nth($group, 1) | |
@return $listValue-object |
This file contains 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
// ---- | |
// Sass (v3.4.4) | |
// Compass (v1.0.1) | |
// ---- | |
/**************** padding and margin settings ***************** | |
Setting padding and margins to be added to different sections | |
This sections contains individual setting and also a mixin | |
to be able to add to different sections |
This file contains 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
// ---- | |
// libsass (v2.0.0) | |
// ---- | |
/** | |
* libsass list manipulation problem | |
* I am using the following code as a crude example. | |
* the real world application I am trying to achieve | |
* is providing grid system setup via a single $args array. | |
*/ |
This file contains 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
// ---- | |
// libsass (v2.0.0) | |
// ---- | |
/** | |
* libsass list manipulation problem | |
* I am using the following code as a crude example. | |
* the real world application I am trying to achieve | |
* is providing grid system setup via a single $args array. | |
*/ |
This file contains 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
// ---- | |
// Sass (v3.3.10) | |
// Compass (v1.0.0.alpha.20) | |
// ---- | |
$map-1: ( | |
key-1-1: "value-1-1", | |
key-1-2: "value-1-2", | |
key-1-3: "value-1-3", | |
key-1-4: "value-1-4" |
NewerOlder