2010-03-06 16:08:04 -08:00
|
|
|
$yellow = #fc0
|
2008-04-09 10:21:49 +01:00
|
|
|
|
2008-04-16 15:13:55 +01:00
|
|
|
=bordered
|
2008-04-09 10:21:49 +01:00
|
|
|
:border
|
|
|
|
|
:top
|
|
|
|
|
:width 2px
|
2010-03-06 16:08:04 -08:00
|
|
|
:color = $yellow
|
2008-04-09 10:21:49 +01:00
|
|
|
:left
|
|
|
|
|
:width 1px
|
|
|
|
|
:color #000
|
2008-04-16 15:13:55 +01:00
|
|
|
-moz-border-radius: 10px
|
|
|
|
|
|
|
|
|
|
=header-font
|
2008-04-09 10:21:49 +01:00
|
|
|
:color #f00
|
|
|
|
|
:font
|
|
|
|
|
:size 20px
|
|
|
|
|
|
2008-04-16 15:13:55 +01:00
|
|
|
=compound
|
2008-04-09 10:21:49 +01:00
|
|
|
+header-font
|
|
|
|
|
+bordered
|
|
|
|
|
|
2008-04-16 15:13:55 +01:00
|
|
|
=complex
|
2008-04-09 10:21:49 +01:00
|
|
|
+header-font
|
|
|
|
|
text:
|
|
|
|
|
decoration: none
|
|
|
|
|
&:after
|
|
|
|
|
content: "."
|
|
|
|
|
display: block
|
|
|
|
|
height: 0
|
|
|
|
|
clear: both
|
|
|
|
|
visibility: hidden
|
|
|
|
|
* html &
|
|
|
|
|
height: 1px
|
|
|
|
|
+header-font
|
2008-04-16 15:13:55 +01:00
|
|
|
=deep
|
2008-04-09 10:21:49 +01:00
|
|
|
a:hover
|
|
|
|
|
:text-decoration underline
|
|
|
|
|
+compound
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#main
|
|
|
|
|
:width 15em
|
|
|
|
|
:color #0000ff
|
|
|
|
|
p
|
|
|
|
|
+bordered
|
|
|
|
|
:border
|
|
|
|
|
:style dotted
|
|
|
|
|
:width 2px
|
|
|
|
|
.cool
|
|
|
|
|
:width 100px
|
|
|
|
|
|
|
|
|
|
#left
|
|
|
|
|
+bordered
|
|
|
|
|
:font
|
|
|
|
|
:size 2em
|
|
|
|
|
:weight bold
|
|
|
|
|
:float left
|
|
|
|
|
|
|
|
|
|
#right
|
|
|
|
|
+bordered
|
|
|
|
|
+header-font
|
|
|
|
|
:float right
|
|
|
|
|
|
|
|
|
|
.bordered
|
|
|
|
|
+bordered
|
|
|
|
|
|
|
|
|
|
.complex
|
|
|
|
|
+complex
|
|
|
|
|
|
|
|
|
|
.more-complex
|
|
|
|
|
+complex
|
|
|
|
|
+deep
|
|
|
|
|
display: inline
|
2008-04-16 15:13:55 +01:00
|
|
|
-webkit-nonsense:
|
|
|
|
|
top-right: 1px
|
|
|
|
|
bottom-left: 1px
|
