public
Rubygem
Description: HTML Abstraction Markup Language - A Markup Haiku
Homepage: http://haml.hamptoncatlin.com
Clone URL: git://github.com/nex3/haml.git
Search Repo:
properly indent a bunch of code samples
mislav (author)
Fri May 02 20:56:27 -0700 2008
nex3 (committer)
Sat May 03 02:25:48 -0700 2008
commit  1e838f74b66e21c3918742b8249a42fe0517e5b5
tree    8e3450342c2d9e4a480b239c56c55585318229e5
parent  bd820f5d415297986a22db2ad55e54789aca620b
...
232
233
234
235
236
237
238
239
 
 
 
 
 
240
241
242
243
244
 
 
 
 
245
246
247
 
 
248
249
250
251
252
253
254
255
256
257
 
 
 
 
 
 
 
258
259
260
261
262
263
 
 
 
 
 
264
265
266
...
232
233
234
 
 
 
 
 
235
236
237
238
239
240
 
 
 
 
241
242
243
244
245
 
 
246
247
248
249
250
 
 
 
 
 
 
 
251
252
253
254
255
256
257
258
 
 
 
 
 
259
260
261
262
263
264
265
266
0
@@ -232,35 +232,35 @@
0
 These let you group whole swathes of CSS attributes into a single
0
 directive and then include those anywhere you want:
0
 
0
-=blue-border
0
- :border
0
- :color blue
0
- :width 2px
0
- :style dotted
0
+ =blue-border
0
+ :border
0
+ :color blue
0
+ :width 2px
0
+ :style dotted
0
 
0
-.comment
0
- +blue-border
0
- :padding 2px
0
- :margin 10px 0
0
+ .comment
0
+ +blue-border
0
+ :padding 2px
0
+ :margin 10px 0
0
 
0
-.reply
0
- +blue-border
0
+ .reply
0
+ +blue-border
0
 
0
 becomes:
0
 
0
-.comment {
0
- border-color: blue;
0
- border-width: 2px;
0
- border-style: dotted;
0
- padding: 2px;
0
- margin: 10px 0;
0
-}
0
+ .comment {
0
+ border-color: blue;
0
+ border-width: 2px;
0
+ border-style: dotted;
0
+ padding: 2px;
0
+ margin: 10px 0;
0
+ }
0
 
0
-.reply {
0
- border-color: blue;
0
- border-width: 2px;
0
- border-style: dotted;
0
-}
0
+ .reply {
0
+ border-color: blue;
0
+ border-width: 2px;
0
+ border-style: dotted;
0
+ }
0
 
0
 A comprehensive list of features is in
0
 the documentation for the Sass module.
...
651
652
653
654
655
656
 
 
657
658
659
660
661
662
...
804
805
806
807
808
809
 
 
 
810
811
812
813
814
 
 
815
816
817
818
819
820
821
822
823
824
 
 
 
 
 
825
826
827
828
829
 
 
830
831
832
...
651
652
653
 
 
 
654
655
656
657
658
659
660
661
...
803
804
805
 
 
 
806
807
808
809
810
811
 
 
812
813
814
815
816
817
818
 
 
 
 
 
819
820
821
822
823
824
825
826
 
 
827
828
829
830
831
0
@@ -651,9 +651,8 @@
0
 # yo
0
 # </p>
0
 #
0
-# If the <tt>:escape_html</tt> option is set,
0
-# = will sanitize any HTML-sensitive characters generated by the script.
0
-# For example:
0
+# If the <tt>:escape_html</tt> option is set, <tt>=</tt> will sanitize any
0
+# HTML-sensitive characters generated by the script. For example:
0
 #
0
 # = '<script>alert("I\'m evil!");</script>'
0
 #
0
0
0
0
@@ -804,29 +803,29 @@
0
 #
0
 # For example:
0
 #
0
-# %p foo
0
-# -# This is a comment
0
-# %p bar
0
+# %p foo
0
+# -# This is a comment
0
+# %p bar
0
 #
0
 # is compiled to:
0
 #
0
-# <p>foo</p>
0
-# <p>bar</p>
0
+# <p>foo</p>
0
+# <p>bar</p>
0
 #
0
 # You can also nest text beneath a silent comment.
0
 # None of this text will be rendered.
0
 # For example:
0
 #
0
-# %p foo
0
-# -#
0
-# This won't be displayed
0
-# Nor will this
0
-# %p bar
0
+# %p foo
0
+# -#
0
+# This won't be displayed
0
+# Nor will this
0
+# %p bar
0
 #
0
 # is compiled to:
0
 #
0
-# <p>foo</p>
0
-# <p>bar</p>
0
+# <p>foo</p>
0
+# <p>bar</p>
0
 #
0
 # == Other Useful Things
0
 #
...
128
129
130
131
 
132
133
134
135
...
606
607
608
609
610
611
612
613
614
 
 
 
 
 
 
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
 
 
 
 
 
 
 
 
 
 
631
632
633
634
...
637
638
639
640
641
642
643
644
 
 
 
 
 
645
646
647
648
649
650
651
652
653
654
655
656
 
 
 
 
 
 
 
 
657
658
659
660
...
661
662
663
664
665
666
667
668
669
 
 
 
 
 
 
670
671
672
673
 
 
 
674
675
676
...
128
129
130
 
131
132
133
134
135
...
606
607
608
 
 
 
 
 
 
609
610
611
612
613
614
615
616
617
618
619
620
 
 
 
 
 
 
 
 
 
 
621
622
623
624
625
626
627
628
629
630
631
632
633
634
...
637
638
639
 
 
 
 
 
640
641
642
643
644
645
646
647
648
 
 
 
 
 
 
 
 
649
650
651
652
653
654
655
656
657
658
659
660
...
661
662
663
 
 
 
 
 
 
664
665
666
667
668
669
670
 
 
 
671
672
673
674
675
676
0
@@ -128,7 +128,7 @@
0
 #
0
 # By default, either attribute syntax may be used.
0
 # If you want to force one or the other,
0
-# see the :attribute_syntax option below.
0
+# see the <tt>:attribute_syntax</tt> option below.
0
 #
0
 # === Nested Rules
0
 #
0
0
@@ -606,28 +606,28 @@
0
 # To define a mixin you use a slightly modified form of selector syntax.
0
 # For example the 'large-text' mixin is defined as follows:
0
 #
0
-# =large-text
0
-# :font
0
-# :family Arial
0
-# :size 20px
0
-# :weight bold
0
-# :color #ff0000
0
+# =large-text
0
+# :font
0
+# :family Arial
0
+# :size 20px
0
+# :weight bold
0
+# :color #ff0000
0
 #
0
 # The initial '=' marks this as a mixin rather than a standard selector.
0
 # The CSS rules that follow won't be included until the mixin is referenced later on.
0
 # Anything you can put into a standard selector,
0
 # you can put into a mixin definition. e.g.
0
 #
0
-# =clearfix
0
-# display: inline-block
0
-# &:after
0
-# content: "."
0
-# display: block
0
-# height: 0
0
-# clear: both
0
-# visibility: hidden
0
-# * html &
0
-# height: 1px
0
+# =clearfix
0
+# display: inline-block
0
+# &:after
0
+# content: "."
0
+# display: block
0
+# height: 0
0
+# clear: both
0
+# visibility: hidden
0
+# * html &
0
+# height: 1px
0
 #
0
 #
0
 # === Mixing it in
0
0
@@ -637,23 +637,23 @@
0
 # So to inline the 'large-text' defined earlier,
0
 # we include the statment '+large-text' in our selector definition thus:
0
 #
0
-# .page-title
0
-# +large-text
0
-# :padding 4px
0
-# :margin
0
-# :top 10px
0
+# .page-title
0
+# +large-text
0
+# :padding 4px
0
+# :margin
0
+# :top 10px
0
 #
0
 #
0
 # This will produce the following CSS output:
0
 #
0
-# .page-title {
0
-# font-family: Arial;
0
-# font-size: 20px;
0
-# font-weight: bold;
0
-# color: #ff0000;
0
-# padding: 4px;
0
-# margin-top: 10px;
0
-# }
0
+# .page-title {
0
+# font-family: Arial;
0
+# font-size: 20px;
0
+# font-weight: bold;
0
+# color: #ff0000;
0
+# padding: 4px;
0
+# margin-top: 10px;
0
+# }
0
 #
0
 # Any number of mixins may be defined and there is no limit on
0
 # the number that can be included in a particular selector.
0
0
@@ -661,16 +661,16 @@
0
 # Mixin definitions can also include references to other mixins defined earlier in the file.
0
 # E.g.
0
 #
0
-# =highlighted-background
0
-# background:
0
-# color: #fc0
0
-# =header-text
0
-# font:
0
-# size: 20px
0
+# =highlighted-background
0
+# background:
0
+# color: #fc0
0
+# =header-text
0
+# font:
0
+# size: 20px
0
 #
0
-# =compound
0
-# +highlighted-background
0
-# +header-text
0
+# =compound
0
+# +highlighted-background
0
+# +header-text
0
 #
0
 #
0
 # == Output Style

Comments

    No one has commented yet.