aboutsummaryrefslogtreecommitdiff
path: root/Blocks/syntax/tests/brushes/sass.html
diff options
context:
space:
mode:
authorJinweiClarkChao <[email protected]>2014-02-20 12:50:15 +0800
committerJinweiClarkChao <[email protected]>2014-02-20 12:52:51 +0800
commit31fb10f393fbfd4d7adf528ec70624d2b8d247a8 (patch)
tree1009bb2a4f5fe89b8bc822b68104018ea8df5261 /Blocks/syntax/tests/brushes/sass.html
parentbe404e3e01ca839e730c884309c25abef10863c9 (diff)
downloadjinwei.me-31fb10f393fbfd4d7adf528ec70624d2b8d247a8.tar.gz
Six Blocks Version
Diffstat (limited to 'Blocks/syntax/tests/brushes/sass.html')
-rw-r--r--Blocks/syntax/tests/brushes/sass.html204
1 files changed, 204 insertions, 0 deletions
diff --git a/Blocks/syntax/tests/brushes/sass.html b/Blocks/syntax/tests/brushes/sass.html
new file mode 100644
index 0000000..f415684
--- /dev/null
+++ b/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
Powered by cgit v1.2.3 (git 2.41.0)