1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76
|
$yellow: #fc0
=bordered
border:
top:
width: 2px
color: $yellow
left:
width: 1px
color: #000
-moz-border-radius: 10px
=header-font
color: #f00
font:
size: 20px
=compound
+header-font
+bordered
=complex
+header-font
text:
decoration: none
&:after
content: "."
display: block
height: 0
clear: both
visibility: hidden
* html &
height: 1px
+header-font
=deep
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
-webkit-nonsense:
top-right: 1px
bottom-left: 1px
|