diff options
Diffstat (limited to 'Back/Blocks/syntax/tests/brushes/sass.html')
-rw-r--r-- | Back/Blocks/syntax/tests/brushes/sass.html | 204 |
1 files changed, 204 insertions, 0 deletions
diff --git a/Back/Blocks/syntax/tests/brushes/sass.html b/Back/Blocks/syntax/tests/brushes/sass.html new file mode 100644 index 0000000..f415684 --- /dev/null +++ b/Back/Blocks/syntax/tests/brushes/sass.html | |||
@@ -0,0 +1,204 @@ | |||
1 | <script class="brush: sass;" type="syntaxhighlighter"> | ||
2 | @mixin round_corners_custom($top, $right, $bottom, $left) { | ||
3 | -moz-border-radius: $top $right $bottom $left !important; | ||
4 | -webkit-border-radius: $top $right $bottom $left !important; | ||
5 | } | ||
6 | |||
7 | @mixin round_corners($radius) { | ||
8 | @include round_corners_custom($radius, $radius, $radius, $radius); | ||
9 | } | ||
10 | |||
11 | .syntaxhighlighter { | ||
12 | a, | ||
13 | div, | ||
14 | code, | ||
15 | table, | ||
16 | table td, | ||
17 | table tr, | ||
18 | table tbody, | ||
19 | table thead, | ||
20 | table caption, | ||
21 | textarea { | ||
22 | @include round_corners(0); | ||
23 | |||
24 | background: none !important; | ||
25 | border: 0 !important; | ||
26 | bottom: auto !important; | ||
27 | float: none !important; | ||
28 | height: auto !important; | ||
29 | left: auto !important; | ||
30 | line-height: 1.1em !important; | ||
31 | margin: 0 !important; | ||
32 | outline: 0 !important; | ||
33 | overflow: visible !important; | ||
34 | padding: 0 !important; | ||
35 | position: static !important; | ||
36 | right: auto !important; | ||
37 | text-align: left !important; | ||
38 | top: auto !important; | ||
39 | vertical-align: baseline !important; | ||
40 | width: auto !important; | ||
41 | font: { | ||
42 | family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; | ||
43 | weight: normal !important; | ||
44 | style: normal !important; | ||
45 | size: 1em !important; | ||
46 | } | ||
47 | min: { | ||
48 | // For IE8, FF & WebKit | ||
49 | height: inherit !important; | ||
50 | // For IE7 | ||
51 | height: auto !important; | ||
52 | } | ||
53 | } | ||
54 | } | ||
55 | |||
56 | .syntaxhighlighter { | ||
57 | width: 100% !important; | ||
58 | margin: 1em 0 1em 0 !important; | ||
59 | |||
60 | position: relative !important; | ||
61 | overflow: auto !important; | ||
62 | font-size: 1em !important; | ||
63 | |||
64 | &.source { overflow: hidden !important; } | ||
65 | |||
66 | // set up bold and italic | ||
67 | .bold { font-weight: bold !important; } | ||
68 | .italic { font-style: italic !important; } | ||
69 | |||
70 | .line { white-space: pre !important; } | ||
71 | |||
72 | // main table and columns | ||
73 | table { | ||
74 | width: 100% !important; | ||
75 | caption { | ||
76 | text-align: left !important; | ||
77 | padding: .5em 0 0.5em 1em !important; | ||
78 | } | ||
79 | |||
80 | td.code { | ||
81 | width: 100% !important; | ||
82 | |||
83 | .container { | ||
84 | position: relative !important; | ||
85 | |||
86 | textarea { | ||
87 | position: absolute !important; | ||
88 | left: 0 !important; | ||
89 | top: 0 !important; | ||
90 | width: 100% !important; | ||
91 | height: 120% !important; | ||
92 | border: none !important; | ||
93 | background: white !important; | ||
94 | padding-left: 1em !important; | ||
95 | overflow: hidden !important; | ||
96 | white-space: pre !important; | ||
97 | } | ||
98 | } | ||
99 | } | ||
100 | |||
101 | // middle spacing between line numbers and lines | ||
102 | td.gutter .line { | ||
103 | text-align: right !important; | ||
104 | padding: 0 0.5em 0 1em !important; | ||
105 | } | ||
106 | |||
107 | td.code .line { | ||
108 | padding: 0 1em !important; | ||
109 | } | ||
110 | } | ||
111 | |||
112 | &.nogutter { | ||
113 | td.code { | ||
114 | .container textarea, .line { padding-left: 0em !important; } | ||
115 | } | ||
116 | } | ||
117 | |||
118 | &.show { display: block !important; } | ||
119 | |||
120 | // Adjust some properties when collapsed | ||
121 | &.collapsed { | ||
122 | table { display: none !important; } | ||
123 | |||
124 | .toolbar { | ||
125 | padding: 0.1em 0.8em 0em 0.8em !important; | ||
126 | font-size: 1em !important; | ||
127 | position: static !important; | ||
128 | width: auto !important; | ||
129 | height: auto !important; | ||
130 | |||
131 | span { | ||
132 | display: inline !important; | ||
133 | margin-right: 1em !important; | ||
134 | |||
135 | a { | ||
136 | padding: 0 !important; | ||
137 | display: none !important; | ||
138 | &.expandSource, &.help { display: inline !important; } | ||
139 | } | ||
140 | } | ||
141 | } | ||
142 | } | ||
143 | |||
144 | // Styles for the toolbar | ||
145 | .toolbar { | ||
146 | position: absolute !important; | ||
147 | right: 1px !important; | ||
148 | top: 1px !important; | ||
149 | width: 11px !important; | ||
150 | height: 11px !important; | ||
151 | font-size: 10px !important; | ||
152 | z-index: 10 !important; | ||
153 | |||
154 | span.title { display: inline !important; } | ||
155 | |||
156 | a { | ||
157 | display: block !important; | ||
158 | text-align: center !important; | ||
159 | text-decoration: none !important; | ||
160 | padding-top: 1px !important; | ||
161 | |||
162 | &.expandSource { display: none !important; } | ||
163 | } | ||
164 | } | ||
165 | |||
166 | // Print view. | ||
167 | // Colors are based on the default theme without background. | ||
168 | &.printing { | ||
169 | .line.alt1 .content, | ||
170 | .line.alt2 .content, | ||
171 | .line.highlighted .number, | ||
172 | .line.highlighted.alt1 .content, | ||
173 | .line.highlighted.alt2 .content { background: none !important; } | ||
174 | |||
175 | // Gutter line numbers | ||
176 | .line { | ||
177 | .number { color: #bbbbbb !important; } | ||
178 | // Add border to the lines | ||
179 | .content { color: black !important; } | ||
180 | } | ||
181 | |||
182 | // Toolbar when visible | ||
183 | .toolbar { display: none !important; } | ||
184 | a { text-decoration: none !important; } | ||
185 | .plain, .plain a { color: black !important; } | ||
186 | .comments, .comments a { color: #008200 !important; } | ||
187 | .string, .string a { color: blue !important; } | ||
188 | .keyword { | ||
189 | color: #006699 !important; | ||
190 | font-weight: bold !important; | ||
191 | } | ||
192 | .preprocessor { color: gray !important; } | ||
193 | .variable { color: #aa7700 !important; } | ||
194 | .value { color: #009900 !important; } | ||
195 | .functions { color: #ff1493 !important; } | ||
196 | .constants { color: #0066cc !important; } | ||
197 | .script { font-weight: bold !important; } | ||
198 | .color1, .color1 a { color: gray !important; } | ||
199 | .color2, .color2 a { color: #ff1493 !important; } | ||
200 | .color3, .color3 a { color: red !important; } | ||
201 | .break, .break a { color: black !important; } | ||
202 | } | ||
203 | } | ||
204 | </script> \ No newline at end of file | ||