This repository has been archived by the owner on Feb 20, 2019. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 11
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Started writing the scss template. Feeling lazy though.
- Loading branch information
Brajeshwar
committed
May 3, 2010
1 parent
724e0e1
commit ed675a3
Showing
1 changed file
with
1 addition
and
91 deletions.
There are no files selected for viewing
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
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,91 +1 @@ | ||
/* Nested Rules */ | ||
|
||
#main | ||
width: 97% | ||
p, div | ||
font-size: 2em | ||
a | ||
font-weight: bold | ||
pre | ||
font-size: 3em | ||
|
||
/* Referencing Parent Selectors: & */ | ||
a | ||
font-weight: bold | ||
text-decoration: none | ||
&:hover | ||
text-decoration: underline | ||
&:visited | ||
font-weight: normal | ||
|
||
/* Directives */ | ||
@import red.sass | ||
@debug 10em + 12em | ||
|
||
@font-face | ||
font-family: "Bitstream Vera Sans" | ||
src: url(http://foo.bar/bvs") | ||
@media print | ||
#sidebar | ||
display: none | ||
#main | ||
background-color: white | ||
/* Control Directives */ | ||
!type = "monster" | ||
p | ||
@if !type == "ocean" | ||
color: blue | ||
@else if !type == "matador" | ||
color: red | ||
@else if !type == "monster" | ||
color: green | ||
@else | ||
color: black | ||
@for !i from 1 through 3 | ||
.item-#{!i} | ||
width = 2em * !i | ||
/* SassScript */ | ||
color = #123 + #234 | ||
/* Variables */ | ||
!width = 5em | ||
#main | ||
width = !width | ||
/* Optional Assignment: ||= */ | ||
!content = "First content" | ||
!content ||= "Second content?" | ||
!new_content ||= "First time reference" | ||
/* Mixins */ | ||
=clearfix | ||
display: inline-block | ||
&:after | ||
content: "." | ||
display: block | ||
height: 0 | ||
clear: both | ||
visibility: hidden | ||
* html & | ||
height: 1px | ||
.page-title | ||
+large-text | ||
padding: 4px | ||
margin: | ||
top: 10px | ||
=sexy-border(!color) | ||
border: | ||
color = !color | ||
width: 1in | ||
style: dashed | ||
p | ||
+sexy-border("blue") | ||
/* I'm supposed to tell a story here! */ |