Skip to content
This repository has been archived by the owner on Feb 20, 2019. It is now read-only.

Commit

Permalink
Started writing the scss template. Feeling lazy though.
Browse files Browse the repository at this point in the history
  • Loading branch information
Brajeshwar committed May 3, 2010
1 parent 724e0e1 commit ed675a3
Showing 1 changed file with 1 addition and 91 deletions.
92 changes: 1 addition & 91 deletions Contents/Resources/template.scss
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! */

0 comments on commit ed675a3

Please sign in to comment.