sass 3.1.0.alpha.2
Sign up to get free protection for your applications and to get access to all the features.
- data/.yardopts +11 -0
- data/CONTRIBUTING +3 -0
- data/EDGE_GEM_VERSION +1 -0
- data/MIT-LICENSE +20 -0
- data/README.md +201 -0
- data/REVISION +1 -0
- data/Rakefile +353 -0
- data/VERSION +1 -0
- data/VERSION_NAME +1 -0
- data/bin/css2sass +13 -0
- data/bin/sass +8 -0
- data/bin/sass-convert +7 -0
- data/extra/update_watch.rb +13 -0
- data/init.rb +18 -0
- data/lib/sass.rb +71 -0
- data/lib/sass/cache_store.rb +208 -0
- data/lib/sass/callbacks.rb +66 -0
- data/lib/sass/css.rb +294 -0
- data/lib/sass/engine.rb +792 -0
- data/lib/sass/environment.rb +143 -0
- data/lib/sass/error.rb +201 -0
- data/lib/sass/exec.rb +619 -0
- data/lib/sass/importers.rb +22 -0
- data/lib/sass/importers/base.rb +138 -0
- data/lib/sass/importers/filesystem.rb +121 -0
- data/lib/sass/less.rb +363 -0
- data/lib/sass/plugin.rb +126 -0
- data/lib/sass/plugin/compiler.rb +346 -0
- data/lib/sass/plugin/configuration.rb +123 -0
- data/lib/sass/plugin/generic.rb +15 -0
- data/lib/sass/plugin/merb.rb +48 -0
- data/lib/sass/plugin/rack.rb +47 -0
- data/lib/sass/plugin/rails.rb +41 -0
- data/lib/sass/plugin/staleness_checker.rb +145 -0
- data/lib/sass/railtie.rb +8 -0
- data/lib/sass/repl.rb +58 -0
- data/lib/sass/root.rb +7 -0
- data/lib/sass/script.rb +63 -0
- data/lib/sass/script/bool.rb +18 -0
- data/lib/sass/script/color.rb +490 -0
- data/lib/sass/script/css_lexer.rb +29 -0
- data/lib/sass/script/css_parser.rb +31 -0
- data/lib/sass/script/funcall.rb +78 -0
- data/lib/sass/script/functions.rb +852 -0
- data/lib/sass/script/interpolation.rb +70 -0
- data/lib/sass/script/lexer.rb +337 -0
- data/lib/sass/script/literal.rb +236 -0
- data/lib/sass/script/node.rb +101 -0
- data/lib/sass/script/number.rb +420 -0
- data/lib/sass/script/operation.rb +92 -0
- data/lib/sass/script/parser.rb +392 -0
- data/lib/sass/script/string.rb +67 -0
- data/lib/sass/script/string_interpolation.rb +93 -0
- data/lib/sass/script/unary_operation.rb +57 -0
- data/lib/sass/script/variable.rb +48 -0
- data/lib/sass/scss.rb +17 -0
- data/lib/sass/scss/css_parser.rb +51 -0
- data/lib/sass/scss/parser.rb +838 -0
- data/lib/sass/scss/rx.rb +126 -0
- data/lib/sass/scss/sass_parser.rb +11 -0
- data/lib/sass/scss/script_lexer.rb +15 -0
- data/lib/sass/scss/script_parser.rb +25 -0
- data/lib/sass/scss/static_parser.rb +40 -0
- data/lib/sass/selector.rb +361 -0
- data/lib/sass/selector/abstract_sequence.rb +62 -0
- data/lib/sass/selector/comma_sequence.rb +82 -0
- data/lib/sass/selector/sequence.rb +236 -0
- data/lib/sass/selector/simple.rb +113 -0
- data/lib/sass/selector/simple_sequence.rb +135 -0
- data/lib/sass/shared.rb +78 -0
- data/lib/sass/tree/comment_node.rb +128 -0
- data/lib/sass/tree/debug_node.rb +36 -0
- data/lib/sass/tree/directive_node.rb +75 -0
- data/lib/sass/tree/extend_node.rb +65 -0
- data/lib/sass/tree/for_node.rb +67 -0
- data/lib/sass/tree/if_node.rb +81 -0
- data/lib/sass/tree/import_node.rb +124 -0
- data/lib/sass/tree/mixin_def_node.rb +60 -0
- data/lib/sass/tree/mixin_node.rb +123 -0
- data/lib/sass/tree/node.rb +490 -0
- data/lib/sass/tree/prop_node.rb +220 -0
- data/lib/sass/tree/root_node.rb +125 -0
- data/lib/sass/tree/rule_node.rb +273 -0
- data/lib/sass/tree/variable_node.rb +39 -0
- data/lib/sass/tree/warn_node.rb +42 -0
- data/lib/sass/tree/while_node.rb +48 -0
- data/lib/sass/util.rb +687 -0
- data/lib/sass/util/subset_map.rb +101 -0
- data/lib/sass/version.rb +109 -0
- data/rails/init.rb +1 -0
- data/test/sass/cache_test.rb +74 -0
- data/test/sass/callbacks_test.rb +61 -0
- data/test/sass/conversion_test.rb +1210 -0
- data/test/sass/css2sass_test.rb +364 -0
- data/test/sass/data/hsl-rgb.txt +319 -0
- data/test/sass/engine_test.rb +2273 -0
- data/test/sass/extend_test.rb +1348 -0
- data/test/sass/functions_test.rb +565 -0
- data/test/sass/importer_test.rb +104 -0
- data/test/sass/less_conversion_test.rb +632 -0
- data/test/sass/mock_importer.rb +49 -0
- data/test/sass/more_results/more1.css +9 -0
- data/test/sass/more_results/more1_with_line_comments.css +26 -0
- data/test/sass/more_results/more_import.css +29 -0
- data/test/sass/more_templates/_more_partial.sass +2 -0
- data/test/sass/more_templates/more1.sass +23 -0
- data/test/sass/more_templates/more_import.sass +11 -0
- data/test/sass/plugin_test.rb +430 -0
- data/test/sass/results/alt.css +4 -0
- data/test/sass/results/basic.css +9 -0
- data/test/sass/results/compact.css +5 -0
- data/test/sass/results/complex.css +86 -0
- data/test/sass/results/compressed.css +1 -0
- data/test/sass/results/expanded.css +19 -0
- data/test/sass/results/import.css +31 -0
- data/test/sass/results/line_numbers.css +49 -0
- data/test/sass/results/mixins.css +95 -0
- data/test/sass/results/multiline.css +24 -0
- data/test/sass/results/nested.css +22 -0
- data/test/sass/results/options.css +1 -0
- data/test/sass/results/parent_ref.css +13 -0
- data/test/sass/results/script.css +16 -0
- data/test/sass/results/scss_import.css +31 -0
- data/test/sass/results/scss_importee.css +2 -0
- data/test/sass/results/subdir/nested_subdir/nested_subdir.css +1 -0
- data/test/sass/results/subdir/subdir.css +3 -0
- data/test/sass/results/units.css +11 -0
- data/test/sass/results/warn.css +0 -0
- data/test/sass/results/warn_imported.css +0 -0
- data/test/sass/script_conversion_test.rb +254 -0
- data/test/sass/script_test.rb +459 -0
- data/test/sass/scss/css_test.rb +897 -0
- data/test/sass/scss/rx_test.rb +156 -0
- data/test/sass/scss/scss_test.rb +1088 -0
- data/test/sass/scss/test_helper.rb +37 -0
- data/test/sass/templates/_partial.sass +2 -0
- data/test/sass/templates/alt.sass +16 -0
- data/test/sass/templates/basic.sass +23 -0
- data/test/sass/templates/bork1.sass +2 -0
- data/test/sass/templates/bork2.sass +2 -0
- data/test/sass/templates/bork3.sass +2 -0
- data/test/sass/templates/bork4.sass +2 -0
- data/test/sass/templates/compact.sass +17 -0
- data/test/sass/templates/complex.sass +305 -0
- data/test/sass/templates/compressed.sass +15 -0
- data/test/sass/templates/expanded.sass +17 -0
- data/test/sass/templates/import.sass +12 -0
- data/test/sass/templates/importee.less +2 -0
- data/test/sass/templates/importee.sass +19 -0
- data/test/sass/templates/line_numbers.sass +13 -0
- data/test/sass/templates/mixin_bork.sass +5 -0
- data/test/sass/templates/mixins.sass +76 -0
- data/test/sass/templates/multiline.sass +20 -0
- data/test/sass/templates/nested.sass +25 -0
- data/test/sass/templates/nested_bork1.sass +2 -0
- data/test/sass/templates/nested_bork2.sass +2 -0
- data/test/sass/templates/nested_bork3.sass +2 -0
- data/test/sass/templates/nested_bork4.sass +2 -0
- data/test/sass/templates/nested_mixin_bork.sass +6 -0
- data/test/sass/templates/options.sass +2 -0
- data/test/sass/templates/parent_ref.sass +25 -0
- data/test/sass/templates/script.sass +101 -0
- data/test/sass/templates/scss_import.scss +11 -0
- data/test/sass/templates/scss_importee.scss +1 -0
- data/test/sass/templates/subdir/nested_subdir/_nested_partial.sass +2 -0
- data/test/sass/templates/subdir/nested_subdir/nested_subdir.sass +3 -0
- data/test/sass/templates/subdir/subdir.sass +6 -0
- data/test/sass/templates/units.sass +11 -0
- data/test/sass/templates/warn.sass +3 -0
- data/test/sass/templates/warn_imported.sass +4 -0
- data/test/sass/test_helper.rb +8 -0
- data/test/sass/util/subset_map_test.rb +91 -0
- data/test/sass/util_test.rb +275 -0
- data/test/test_helper.rb +64 -0
- data/vendor/fssm/LICENSE +20 -0
- data/vendor/fssm/README.markdown +55 -0
- data/vendor/fssm/Rakefile +59 -0
- data/vendor/fssm/VERSION.yml +5 -0
- data/vendor/fssm/example.rb +9 -0
- data/vendor/fssm/fssm.gemspec +77 -0
- data/vendor/fssm/lib/fssm.rb +33 -0
- data/vendor/fssm/lib/fssm/backends/fsevents.rb +36 -0
- data/vendor/fssm/lib/fssm/backends/inotify.rb +26 -0
- data/vendor/fssm/lib/fssm/backends/polling.rb +25 -0
- data/vendor/fssm/lib/fssm/backends/rubycocoa/fsevents.rb +131 -0
- data/vendor/fssm/lib/fssm/monitor.rb +26 -0
- data/vendor/fssm/lib/fssm/path.rb +91 -0
- data/vendor/fssm/lib/fssm/pathname.rb +502 -0
- data/vendor/fssm/lib/fssm/state/directory.rb +57 -0
- data/vendor/fssm/lib/fssm/state/file.rb +24 -0
- data/vendor/fssm/lib/fssm/support.rb +63 -0
- data/vendor/fssm/lib/fssm/tree.rb +176 -0
- data/vendor/fssm/profile/prof-cache.rb +40 -0
- data/vendor/fssm/profile/prof-fssm-pathname.html +1231 -0
- data/vendor/fssm/profile/prof-pathname.rb +68 -0
- data/vendor/fssm/profile/prof-plain-pathname.html +988 -0
- data/vendor/fssm/profile/prof.html +2379 -0
- data/vendor/fssm/spec/path_spec.rb +75 -0
- data/vendor/fssm/spec/root/duck/quack.txt +0 -0
- data/vendor/fssm/spec/root/file.css +0 -0
- data/vendor/fssm/spec/root/file.rb +0 -0
- data/vendor/fssm/spec/root/file.yml +0 -0
- data/vendor/fssm/spec/root/moo/cow.txt +0 -0
- data/vendor/fssm/spec/spec_helper.rb +14 -0
- metadata +297 -0
@@ -0,0 +1,9 @@
|
|
1
|
+
body { font: Arial; background: blue; }
|
2
|
+
|
3
|
+
#page { width: 700px; height: 100; }
|
4
|
+
#page #header { height: 300px; }
|
5
|
+
#page #header h1 { font-size: 50px; color: blue; }
|
6
|
+
|
7
|
+
#content.user.show #container.top #column.left { width: 100px; }
|
8
|
+
#content.user.show #container.top #column.right { width: 600px; }
|
9
|
+
#content.user.show #container.bottom { background: brown; }
|
@@ -0,0 +1,86 @@
|
|
1
|
+
body { margin: 0; font: 0.85em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; color: white; background: url(/images/global_bg.gif); }
|
2
|
+
|
3
|
+
#page { width: 900px; margin: 0 auto; background: #440008; border-top-width: 5px; border-top-style: solid; border-top-color: #ff8500; }
|
4
|
+
|
5
|
+
#header { height: 75px; padding: 0; }
|
6
|
+
#header h1 { float: left; width: 274px; height: 75px; margin: 0; background-image: url(/images/global_logo.gif); /* Crazy nested comment */ background-repeat: no-repeat; text-indent: -9999px; }
|
7
|
+
#header .status { float: right; padding-top: 0.5em; padding-left: 0.5em; padding-right: 0.5em; padding-bottom: 0; }
|
8
|
+
#header .status p { float: left; margin-top: 0; margin-right: 0.5em; margin-bottom: 0; margin-left: 0; }
|
9
|
+
#header .status ul { float: left; margin: 0; padding: 0; }
|
10
|
+
#header .status li { list-style-type: none; display: inline; margin: 0 5px; }
|
11
|
+
#header .status a:link, #header .status a:visited { color: #ff8500; text-decoration: none; }
|
12
|
+
#header .status a:hover { text-decoration: underline; }
|
13
|
+
#header .search { float: right; clear: right; margin: 12px 0 0 0; }
|
14
|
+
#header .search form { margin: 0; }
|
15
|
+
#header .search input { margin: 0 3px 0 0; padding: 2px; border: none; }
|
16
|
+
|
17
|
+
#menu { clear: both; text-align: right; height: 20px; border-bottom: 5px solid #006b95; background: #00a4e4; }
|
18
|
+
#menu .contests ul { margin: 0 5px 0 0; padding: 0; }
|
19
|
+
#menu .contests ul li { list-style-type: none; margin: 0 5px; padding: 5px 5px 0 5px; display: inline; font-size: 1.1em; color: white; background: #00a4e4; }
|
20
|
+
#menu .contests a:link, #menu .contests a:visited { color: white; text-decoration: none; font-weight: bold; }
|
21
|
+
#menu .contests a:hover { text-decoration: underline; }
|
22
|
+
|
23
|
+
#content { clear: both; }
|
24
|
+
#content .container { clear: both; }
|
25
|
+
#content .container .column { float: left; }
|
26
|
+
#content .container .column .right { float: right; }
|
27
|
+
#content a:link, #content a:visited { color: #93d700; text-decoration: none; }
|
28
|
+
#content a:hover { text-decoration: underline; }
|
29
|
+
|
30
|
+
#content p, #content div { width: 40em; }
|
31
|
+
#content p li, #content p dt, #content p dd, #content div li, #content div dt, #content div dd { color: #ddffdd; background-color: #4792bb; }
|
32
|
+
#content .container.video .column.left { width: 200px; }
|
33
|
+
#content .container.video .column.left .box { margin-top: 10px; }
|
34
|
+
#content .container.video .column.left .box p { margin: 0 1em auto 1em; }
|
35
|
+
#content .container.video .column.left .box.participants img { float: left; margin: 0 1em auto 1em; border: 1px solid #6e000d; border-style: solid; }
|
36
|
+
#content .container.video .column.left .box.participants h2 { margin: 0 0 10px 0; padding: 0.5em; /* The background image is a gif! */ background: #6e000d url(/images/hdr_participant.gif) 2px 2px no-repeat; /* Okay check this out Multiline comments Wow dude I mean seriously, WOW */ text-indent: -9999px; border-top-width: 5px; border-top-style: solid; border-top-color: #a20013; border-right-width: 1px; border-right-style: dotted; }
|
37
|
+
#content .container.video .column.middle { width: 500px; }
|
38
|
+
#content .container.video .column.right { width: 200px; }
|
39
|
+
#content .container.video .column.right .box { margin-top: 0; }
|
40
|
+
#content .container.video .column.right .box p { margin: 0 1em auto 1em; }
|
41
|
+
#content .container.video .column p { margin-top: 0; }
|
42
|
+
|
43
|
+
#content.contests .container.information .column.right .box { margin: 1em 0; }
|
44
|
+
#content.contests .container.information .column.right .box.videos .thumbnail img { width: 200px; height: 150px; margin-bottom: 5px; }
|
45
|
+
#content.contests .container.information .column.right .box.videos a:link, #content.contests .container.information .column.right .box.videos a:visited { color: #93d700; text-decoration: none; }
|
46
|
+
#content.contests .container.information .column.right .box.videos a:hover { text-decoration: underline; }
|
47
|
+
#content.contests .container.information .column.right .box.votes a { display: block; width: 200px; height: 60px; margin: 15px 0; background: url(/images/btn_votenow.gif) no-repeat; text-indent: -9999px; outline: none; border: none; }
|
48
|
+
#content.contests .container.information .column.right .box.votes h2 { margin: 52px 0 10px 0; padding: 0.5em; background: #6e000d url(/images/hdr_videostats.gif) 2px 2px no-repeat; text-indent: -9999px; border-top: 5px solid #a20013; }
|
49
|
+
|
50
|
+
#content.contests .container.video .box.videos h2 { margin: 0; padding: 0.5em; background: #6e000d url(/images/hdr_newestclips.gif) 2px 2px no-repeat; text-indent: -9999px; border-top: 5px solid #a20013; }
|
51
|
+
#content.contests .container.video .box.videos table { width: 100; }
|
52
|
+
#content.contests .container.video .box.videos table td { padding: 1em; width: 25; vertical-align: top; }
|
53
|
+
#content.contests .container.video .box.videos table td p { margin: 0 0 5px 0; }
|
54
|
+
#content.contests .container.video .box.videos table td a:link, #content.contests .container.video .box.videos table td a:visited { color: #93d700; text-decoration: none; }
|
55
|
+
#content.contests .container.video .box.videos table td a:hover { text-decoration: underline; }
|
56
|
+
#content.contests .container.video .box.videos .thumbnail { float: left; }
|
57
|
+
#content.contests .container.video .box.videos .thumbnail img { width: 80px; height: 60px; margin: 0 10px 0 0; border: 1px solid #6e000d; }
|
58
|
+
|
59
|
+
#content .container.comments .column { margin-top: 15px; }
|
60
|
+
#content .container.comments .column.left { width: 600px; }
|
61
|
+
#content .container.comments .column.left .box ol { margin: 0; padding: 0; }
|
62
|
+
#content .container.comments .column.left .box li { list-style-type: none; padding: 10px; margin: 0 0 1em 0; background: #6e000d; border-top: 5px solid #a20013; }
|
63
|
+
#content .container.comments .column.left .box li div { margin-bottom: 1em; }
|
64
|
+
#content .container.comments .column.left .box li ul { text-align: right; }
|
65
|
+
#content .container.comments .column.left .box li ul li { display: inline; border: none; padding: 0; }
|
66
|
+
#content .container.comments .column.right { width: 290px; padding-left: 10px; }
|
67
|
+
#content .container.comments .column.right h2 { margin: 0; padding: 0.5em; background: #6e000d url(/images/hdr_addcomment.gif) 2px 2px no-repeat; text-indent: -9999px; border-top: 5px solid #a20013; }
|
68
|
+
#content .container.comments .column.right .box textarea { width: 290px; height: 100px; border: none; }
|
69
|
+
|
70
|
+
#footer { margin-top: 10px; padding: 1.2em 1.5em; background: #ff8500; }
|
71
|
+
#footer ul { margin: 0; padding: 0; list-style-type: none; }
|
72
|
+
#footer ul li { display: inline; margin: 0 0.5em; color: #440008; }
|
73
|
+
#footer ul.links { float: left; }
|
74
|
+
#footer ul.links a:link, #footer ul.links a:visited { color: #440008; text-decoration: none; }
|
75
|
+
#footer ul.links a:hover { text-decoration: underline; }
|
76
|
+
#footer ul.copyright { float: right; }
|
77
|
+
|
78
|
+
.clear { clear: both; }
|
79
|
+
|
80
|
+
.centered { text-align: center; }
|
81
|
+
|
82
|
+
img { border: none; }
|
83
|
+
|
84
|
+
button.short { width: 60px; height: 22px; padding: 0 0 2px 0; color: white; border: none; background: url(/images/btn_short.gif) no-repeat; }
|
85
|
+
|
86
|
+
table { border-collapse: collapse; }
|
@@ -0,0 +1 @@
|
|
1
|
+
#main{width:15em;color:blue}#main p{border-style:dotted;border-width:2px}#main .cool{width:100px}#left{font-size:2em;font-weight:bold;float:left}
|
@@ -0,0 +1,19 @@
|
|
1
|
+
#main {
|
2
|
+
width: 15em;
|
3
|
+
color: blue;
|
4
|
+
}
|
5
|
+
#main p {
|
6
|
+
border-style: dotted;
|
7
|
+
/* Nested comment
|
8
|
+
* More nested stuff */
|
9
|
+
border-width: 2px;
|
10
|
+
}
|
11
|
+
#main .cool {
|
12
|
+
width: 100px;
|
13
|
+
}
|
14
|
+
|
15
|
+
#left {
|
16
|
+
font-size: 2em;
|
17
|
+
font-weight: bold;
|
18
|
+
float: left;
|
19
|
+
}
|
@@ -0,0 +1,31 @@
|
|
1
|
+
imported { otherconst: hello; myconst: goodbye; pre-mixin: here; }
|
2
|
+
|
3
|
+
body { font: Arial; background: blue; }
|
4
|
+
|
5
|
+
#page { width: 700px; height: 100; }
|
6
|
+
#page #header { height: 300px; }
|
7
|
+
#page #header h1 { font-size: 50px; color: blue; }
|
8
|
+
|
9
|
+
#content.user.show #container.top #column.left { width: 100px; }
|
10
|
+
#content.user.show #container.top #column.right { width: 600px; }
|
11
|
+
#content.user.show #container.bottom { background: brown; }
|
12
|
+
|
13
|
+
midrule { inthe: middle; }
|
14
|
+
|
15
|
+
scss { imported: yes; }
|
16
|
+
|
17
|
+
body { font: Arial; background: blue; }
|
18
|
+
|
19
|
+
#page { width: 700px; height: 100; }
|
20
|
+
#page #header { height: 300px; }
|
21
|
+
#page #header h1 { font-size: 50px; color: blue; }
|
22
|
+
|
23
|
+
#content.user.show #container.top #column.left { width: 100px; }
|
24
|
+
#content.user.show #container.top #column.right { width: 600px; }
|
25
|
+
#content.user.show #container.bottom { background: brown; }
|
26
|
+
|
27
|
+
@import url(basic.css);
|
28
|
+
@import url(../results/complex.css);
|
29
|
+
#foo { background-color: #bbaaff; }
|
30
|
+
|
31
|
+
nonimported { myconst: hello; otherconst: goodbye; post-mixin: here; }
|
@@ -0,0 +1,49 @@
|
|
1
|
+
/* line 1, ../templates/line_numbers.sass */
|
2
|
+
foo {
|
3
|
+
bar: baz; }
|
4
|
+
|
5
|
+
/* line 6, ../templates/importee.sass */
|
6
|
+
imported {
|
7
|
+
otherconst: 12;
|
8
|
+
myconst: goodbye; }
|
9
|
+
/* line 5, ../templates/line_numbers.sass */
|
10
|
+
imported squggle {
|
11
|
+
blat: bang; }
|
12
|
+
|
13
|
+
/* line 3, ../templates/basic.sass */
|
14
|
+
body {
|
15
|
+
font: Arial;
|
16
|
+
background: blue; }
|
17
|
+
|
18
|
+
/* line 7, ../templates/basic.sass */
|
19
|
+
#page {
|
20
|
+
width: 700px;
|
21
|
+
height: 100; }
|
22
|
+
/* line 10, ../templates/basic.sass */
|
23
|
+
#page #header {
|
24
|
+
height: 300px; }
|
25
|
+
/* line 12, ../templates/basic.sass */
|
26
|
+
#page #header h1 {
|
27
|
+
font-size: 50px;
|
28
|
+
color: blue; }
|
29
|
+
|
30
|
+
/* line 18, ../templates/basic.sass */
|
31
|
+
#content.user.show #container.top #column.left {
|
32
|
+
width: 100px; }
|
33
|
+
/* line 20, ../templates/basic.sass */
|
34
|
+
#content.user.show #container.top #column.right {
|
35
|
+
width: 600px; }
|
36
|
+
/* line 22, ../templates/basic.sass */
|
37
|
+
#content.user.show #container.bottom {
|
38
|
+
background: brown; }
|
39
|
+
|
40
|
+
/* line 13, ../templates/importee.sass */
|
41
|
+
midrule {
|
42
|
+
inthe: middle; }
|
43
|
+
|
44
|
+
/* line 12, ../templates/line_numbers.sass */
|
45
|
+
umph {
|
46
|
+
foo: bar; }
|
47
|
+
/* line 18, ../templates/importee.sass */
|
48
|
+
umph baz {
|
49
|
+
blat: bang; }
|
@@ -0,0 +1,95 @@
|
|
1
|
+
#main {
|
2
|
+
width: 15em;
|
3
|
+
color: blue;
|
4
|
+
}
|
5
|
+
#main p {
|
6
|
+
border-top-width: 2px;
|
7
|
+
border-top-color: #ffcc00;
|
8
|
+
border-left-width: 1px;
|
9
|
+
border-left-color: black;
|
10
|
+
-moz-border-radius: 10px;
|
11
|
+
border-style: dotted;
|
12
|
+
border-width: 2px;
|
13
|
+
}
|
14
|
+
#main .cool {
|
15
|
+
width: 100px;
|
16
|
+
}
|
17
|
+
|
18
|
+
#left {
|
19
|
+
border-top-width: 2px;
|
20
|
+
border-top-color: #ffcc00;
|
21
|
+
border-left-width: 1px;
|
22
|
+
border-left-color: black;
|
23
|
+
-moz-border-radius: 10px;
|
24
|
+
font-size: 2em;
|
25
|
+
font-weight: bold;
|
26
|
+
float: left;
|
27
|
+
}
|
28
|
+
|
29
|
+
#right {
|
30
|
+
border-top-width: 2px;
|
31
|
+
border-top-color: #ffcc00;
|
32
|
+
border-left-width: 1px;
|
33
|
+
border-left-color: black;
|
34
|
+
-moz-border-radius: 10px;
|
35
|
+
color: red;
|
36
|
+
font-size: 20px;
|
37
|
+
float: right;
|
38
|
+
}
|
39
|
+
|
40
|
+
.bordered {
|
41
|
+
border-top-width: 2px;
|
42
|
+
border-top-color: #ffcc00;
|
43
|
+
border-left-width: 1px;
|
44
|
+
border-left-color: black;
|
45
|
+
-moz-border-radius: 10px;
|
46
|
+
}
|
47
|
+
|
48
|
+
.complex {
|
49
|
+
color: red;
|
50
|
+
font-size: 20px;
|
51
|
+
text-decoration: none;
|
52
|
+
}
|
53
|
+
.complex:after {
|
54
|
+
content: ".";
|
55
|
+
display: block;
|
56
|
+
height: 0;
|
57
|
+
clear: both;
|
58
|
+
visibility: hidden;
|
59
|
+
}
|
60
|
+
* html .complex {
|
61
|
+
height: 1px;
|
62
|
+
color: red;
|
63
|
+
font-size: 20px;
|
64
|
+
}
|
65
|
+
|
66
|
+
.more-complex {
|
67
|
+
color: red;
|
68
|
+
font-size: 20px;
|
69
|
+
text-decoration: none;
|
70
|
+
display: inline;
|
71
|
+
-webkit-nonsense-top-right: 1px;
|
72
|
+
-webkit-nonsense-bottom-left: 1px;
|
73
|
+
}
|
74
|
+
.more-complex:after {
|
75
|
+
content: ".";
|
76
|
+
display: block;
|
77
|
+
height: 0;
|
78
|
+
clear: both;
|
79
|
+
visibility: hidden;
|
80
|
+
}
|
81
|
+
* html .more-complex {
|
82
|
+
height: 1px;
|
83
|
+
color: red;
|
84
|
+
font-size: 20px;
|
85
|
+
}
|
86
|
+
.more-complex a:hover {
|
87
|
+
text-decoration: underline;
|
88
|
+
color: red;
|
89
|
+
font-size: 20px;
|
90
|
+
border-top-width: 2px;
|
91
|
+
border-top-color: #ffcc00;
|
92
|
+
border-left-width: 1px;
|
93
|
+
border-left-color: black;
|
94
|
+
-moz-border-radius: 10px;
|
95
|
+
}
|
@@ -0,0 +1,24 @@
|
|
1
|
+
#main,
|
2
|
+
#header {
|
3
|
+
height: 50px; }
|
4
|
+
#main div,
|
5
|
+
#header div {
|
6
|
+
width: 100px; }
|
7
|
+
#main div a span,
|
8
|
+
#main div em span,
|
9
|
+
#header div a span,
|
10
|
+
#header div em span {
|
11
|
+
color: pink; }
|
12
|
+
|
13
|
+
#one div.nested,
|
14
|
+
#one span.nested,
|
15
|
+
#one p.nested,
|
16
|
+
#two div.nested,
|
17
|
+
#two span.nested,
|
18
|
+
#two p.nested,
|
19
|
+
#three div.nested,
|
20
|
+
#three span.nested,
|
21
|
+
#three p.nested {
|
22
|
+
font-weight: bold;
|
23
|
+
border-color: red;
|
24
|
+
display: block; }
|
@@ -0,0 +1,22 @@
|
|
1
|
+
#main {
|
2
|
+
width: 15em;
|
3
|
+
color: blue; }
|
4
|
+
#main p {
|
5
|
+
border-style: dotted;
|
6
|
+
/* Nested comment
|
7
|
+
* More nested stuff */
|
8
|
+
border-width: 2px; }
|
9
|
+
#main .cool {
|
10
|
+
width: 100px; }
|
11
|
+
|
12
|
+
#left {
|
13
|
+
font-size: 2em;
|
14
|
+
font-weight: bold;
|
15
|
+
float: left; }
|
16
|
+
|
17
|
+
#right .header {
|
18
|
+
border-style: solid; }
|
19
|
+
#right .body {
|
20
|
+
border-style: dotted; }
|
21
|
+
#right .footer {
|
22
|
+
border-style: dashed; }
|
@@ -0,0 +1 @@
|
|
1
|
+
foo { style: compact; }
|
@@ -0,0 +1,13 @@
|
|
1
|
+
a { color: black; }
|
2
|
+
a:hover { color: red; }
|
3
|
+
|
4
|
+
p, div { width: 100em; }
|
5
|
+
p foo, div foo { width: 10em; }
|
6
|
+
p:hover, p bar, div:hover, div bar { height: 20em; }
|
7
|
+
|
8
|
+
#cool { border-style: solid; border-width: 2em; }
|
9
|
+
.ie7 #cool, .ie6 #cool { content: string("Totally not cool."); }
|
10
|
+
.firefox #cool { content: string("Quite cool."); }
|
11
|
+
|
12
|
+
.wow, .snazzy { font-family: fantasy; }
|
13
|
+
.wow:hover, .wow:visited, .snazzy:hover, .snazzy:visited { font-weight: bold; }
|
@@ -0,0 +1,16 @@
|
|
1
|
+
#main { content: Hello\!; qstr: 'Quo"ted"!'; hstr: Hyph-en\!; width: 30em; background-color: black; color: #ffffaa; short-color: #112233; named-color: olive; con: "foo" bar 9 hi there "boom"; con2: "noquo" quo; }
|
2
|
+
#main #sidebar { background-color: #00ff98; num-normal: 10; num-dec: 10.2; num-dec0: 99; num-neg: -10; esc: 10 \+12; many: 6; order: 7; complex: #4c9db1hi16; }
|
3
|
+
|
4
|
+
#plus { num-num: 7; num-num-un: 25em; num-num-un2: 23em; num-num-neg: 9.87; num-str: 100px; num-col: #b7b7b7; num-perc: 31%; str-str: "hi\ there"; str-str2: "hi there"; str-col: "14em solid #112233"; str-num: "times: 13"; col-num: #ff7b9d; col-col: #5173ff; }
|
5
|
+
|
6
|
+
#minus { num-num: 900; col-num: #f9f9f4; col-col: #000035; unary-num: -1; unary-const: 10; unary-paren: -11; unary-two: 12; unary-many: 12; unary-crazy: -15; }
|
7
|
+
|
8
|
+
#times { num-num: 7; num-col: #7496b8; col-num: #092345; col-col: #243648; }
|
9
|
+
|
10
|
+
#div { num-num: 3.333; num-num2: 3.333; col-num: #092345; col-col: #0b0d0f; comp: 1px; }
|
11
|
+
|
12
|
+
#mod { num-num: 2; col-col: #0f0e05; col-num: #020001; }
|
13
|
+
|
14
|
+
#const { escaped-quote: \$foo \!bar; default: Hello\! !important; }
|
15
|
+
|
16
|
+
#regression { a: 4; }
|
@@ -0,0 +1,31 @@
|
|
1
|
+
imported { otherconst: hello; myconst: goodbye; pre-mixin: here; }
|
2
|
+
|
3
|
+
body { font: Arial; background: blue; }
|
4
|
+
|
5
|
+
#page { width: 700px; height: 100; }
|
6
|
+
#page #header { height: 300px; }
|
7
|
+
#page #header h1 { font-size: 50px; color: blue; }
|
8
|
+
|
9
|
+
#content.user.show #container.top #column.left { width: 100px; }
|
10
|
+
#content.user.show #container.top #column.right { width: 600px; }
|
11
|
+
#content.user.show #container.bottom { background: brown; }
|
12
|
+
|
13
|
+
midrule { inthe: middle; }
|
14
|
+
|
15
|
+
scss { imported: yes; }
|
16
|
+
|
17
|
+
body { font: Arial; background: blue; }
|
18
|
+
|
19
|
+
#page { width: 700px; height: 100; }
|
20
|
+
#page #header { height: 300px; }
|
21
|
+
#page #header h1 { font-size: 50px; color: blue; }
|
22
|
+
|
23
|
+
#content.user.show #container.top #column.left { width: 100px; }
|
24
|
+
#content.user.show #container.top #column.right { width: 600px; }
|
25
|
+
#content.user.show #container.bottom { background: brown; }
|
26
|
+
|
27
|
+
@import url(basic.css);
|
28
|
+
@import url(../results/complex.css);
|
29
|
+
#foo { background-color: #bbaaff; }
|
30
|
+
|
31
|
+
nonimported { myconst: hello; otherconst: goodbye; post-mixin: here; }
|
@@ -0,0 +1 @@
|
|
1
|
+
#pi { width: 314px; }
|