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
.js #location-navigation-form .form-submit, | |
.js #business-listing-form .form-submit, | |
.js #detailTabs ul, | |
/* .js #addReview, */ | |
/* .js #addTags, */ | |
.js #detailsEnhanced #addTags, | |
.js #locationSearchList, | |
.js #moreHoods, | |
#navListLeft | |
{ display: none; } |
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> | |
<link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> | |
</head> | |
<body> | |
<div id="container"> | |
<div id="header"> | |
Header | |
</div> | |
<div id="sidebar"> |
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
//** | |
Example use: | |
a | |
+sprite-bg("icons-32.png") | |
a.twitter | |
+sprite-column(1) | |
a.facebook | |
+sprite-column(2) | |
... |
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
module WithLayout | |
def with_layout(layout) | |
@layout = layout | |
yield | |
ensure | |
@layout = nil | |
end | |
def get(*args) | |
options = args.last.is_a?(Hash) ? args.pop : {} | |
options[:layout] ||= @layout |
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
=gradient(!type, !start, !end, !color_start, !color_end, !color_stop = false) | |
!coords = "#{Estart}, #{!end}" | |
!gradient= #{!coords}, from(#{!color_start}), to(#{!color_end}) | |
@if !color_stop | |
!gradient= !gradient + ", " + !color_stop | |
background: -webkit-gradient(#{!type}, #{!gradient}) | |
background: -moz-#{!type}-gradient(#{!gradient}) | |
=linear-gradient(!start, !end, !color1, !color2, !color_stop = false) | |
+gradient("linear", !start, !end, !color1, !color2, !color_stop) |
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
This is the most-general grammar for property values in CSS. | |
It's taken from http://www.w3.org/TR/CSS2/syndata.html, | |
where the token definitions can be found. | |
value : [ any | block | ATKEYWORD S* ]+; | |
at-rule : ATKEYWORD S* any* [ block | ';' S* ]; | |
block : '{' S* [ any | block | ATKEYWORD S* | ';' S* ]* '}' S*; | |
any : [ IDENT | NUMBER | PERCENTAGE | DIMENSION | STRING | |
| DELIM | URI | HASH | UNICODE-RANGE | INCLUDES | |
| DASHMATCH | ':' | FUNCTION S* any* ')' |
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
#placeholder | |
%img(src="/images/placeholder.jpg" | |
alt="This is just a placeholder image") | |
%p#image_description | |
This would be the text that would go inside the paragraph tag |
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
=border(!width = 10px, !style = "solid", !color = blue) | |
border= !width !style !color | |
/* Using inline arguments */ | |
.foo | |
+border(10px, "solid", green) | |
&:hover | |
+border(10px, "dashed", red) | |
/* Using Keyword arguments */ |
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> | |
<!-- saved from url=(0068)http://24ways.org/examples/compose-to-a-vertical-rhythm/example.html --> | |
<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><META http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
<TITLE>Compose a Vertical Rhythm example</TITLE> | |
<LINK rel="stylesheet" type="text/css" href="sassy.css" title="sassy"> | |
<LINK rel="alternate stylesheet" type="text/css" href="original.css" title="original"> | |
</HEAD><BODY> | |
<H1>Aboard Minerva off the Coast of New England</H1> |