metro-ui-rails-cn 0.1.5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (130) hide show
  1. data/.gitignore +18 -0
  2. data/.gitmodules +3 -0
  3. data/Gemfile +4 -0
  4. data/README.md +54 -0
  5. data/Rakefile +15 -0
  6. data/lib/generators/metro/layout/layout_generator.rb +19 -0
  7. data/lib/generators/metro/layout/templates/layout.html.erb +89 -0
  8. data/lib/metro-ui-rails-cn.rb +10 -0
  9. data/lib/metro/ui/convert.rb +64 -0
  10. data/lib/metro/ui/rails/engine.rb +15 -0
  11. data/lib/metro/ui/rails/metro.rb +2 -0
  12. data/lib/metro/ui/rails/version.rb +7 -0
  13. data/metro-ui-rails-cn.gemspec +26 -0
  14. data/test/convert_test.rb +28 -0
  15. data/test/test_helper.rb +2 -0
  16. data/vendor/assets/images/.DS_Store +0 -0
  17. data/vendor/assets/images/metro-ui-css/1.jpg +0 -0
  18. data/vendor/assets/images/metro-ui-css/1005-BizSpark-261x230.jpg +0 -0
  19. data/vendor/assets/images/metro-ui-css/2.jpg +0 -0
  20. data/vendor/assets/images/metro-ui-css/3.jpg +0 -0
  21. data/vendor/assets/images/metro-ui-css/4.jpg +0 -0
  22. data/vendor/assets/images/metro-ui-css/5.jpg +0 -0
  23. data/vendor/assets/images/metro-ui-css/Calendar128.png +0 -0
  24. data/vendor/assets/images/metro-ui-css/Camera48.png +0 -0
  25. data/vendor/assets/images/metro-ui-css/InternetExplorer128.png +0 -0
  26. data/vendor/assets/images/metro-ui-css/Mail128.png +0 -0
  27. data/vendor/assets/images/metro-ui-css/Market128.png +0 -0
  28. data/vendor/assets/images/metro-ui-css/Music128.png +0 -0
  29. data/vendor/assets/images/metro-ui-css/Picture128.png +0 -0
  30. data/vendor/assets/images/metro-ui-css/Rss128.png +0 -0
  31. data/vendor/assets/images/metro-ui-css/Video128.png +0 -0
  32. data/vendor/assets/images/metro-ui-css/YouTube128.png +0 -0
  33. data/vendor/assets/images/metro-ui-css/armor.png +0 -0
  34. data/vendor/assets/images/metro-ui-css/author.jpg +0 -0
  35. data/vendor/assets/images/metro-ui-css/bage-activity.png +0 -0
  36. data/vendor/assets/images/metro-ui-css/bage-alert.png +0 -0
  37. data/vendor/assets/images/metro-ui-css/bage-attention.png +0 -0
  38. data/vendor/assets/images/metro-ui-css/bage-available.png +0 -0
  39. data/vendor/assets/images/metro-ui-css/bage-away.png +0 -0
  40. data/vendor/assets/images/metro-ui-css/bage-busy.png +0 -0
  41. data/vendor/assets/images/metro-ui-css/bage-error.png +0 -0
  42. data/vendor/assets/images/metro-ui-css/bage-newMessage.png +0 -0
  43. data/vendor/assets/images/metro-ui-css/bage-paused.png +0 -0
  44. data/vendor/assets/images/metro-ui-css/bage-playing.png +0 -0
  45. data/vendor/assets/images/metro-ui-css/bage-unavailable.png +0 -0
  46. data/vendor/assets/images/metro-ui-css/chrome.png +0 -0
  47. data/vendor/assets/images/metro-ui-css/collapse24-black.png +0 -0
  48. data/vendor/assets/images/metro-ui-css/collapse24.png +0 -0
  49. data/vendor/assets/images/metro-ui-css/collapse32-black.png +0 -0
  50. data/vendor/assets/images/metro-ui-css/collapse32.png +0 -0
  51. data/vendor/assets/images/metro-ui-css/download-32.png +0 -0
  52. data/vendor/assets/images/metro-ui-css/excel2013icon.png +0 -0
  53. data/vendor/assets/images/metro-ui-css/expand24-black.png +0 -0
  54. data/vendor/assets/images/metro-ui-css/expand24.png +0 -0
  55. data/vendor/assets/images/metro-ui-css/expand32-black.png +0 -0
  56. data/vendor/assets/images/metro-ui-css/expand32.png +0 -0
  57. data/vendor/assets/images/metro-ui-css/firefox.png +0 -0
  58. data/vendor/assets/images/metro-ui-css/fonts/7xkFOeTxxO1GMC1suOUYWWhBabBbEjGd1iRmpyoZukE.woff +0 -0
  59. data/vendor/assets/images/metro-ui-css/fonts/DXI1ORHCpsQm3Vp6mXoaTZ1r3JsPcQLi8jytr04NNhU.woff +0 -0
  60. data/vendor/assets/images/metro-ui-css/fonts/EInbV5DfGHOiMmvb1Xr-hp1r3JsPcQLi8jytr04NNhU.woff +0 -0
  61. data/vendor/assets/images/metro-ui-css/fonts/K88pR3goAWT7BTt32Z01mz8E0i7KZn-EPnyo3HZu7kw.woff +0 -0
  62. data/vendor/assets/images/metro-ui-css/fonts/k3k702ZOKiLJc3WVjuplzJ1r3JsPcQLi8jytr04NNhU.woff +0 -0
  63. data/vendor/assets/images/metro-ui-css/fork-32.png +0 -0
  64. data/vendor/assets/images/metro-ui-css/github.png +0 -0
  65. data/vendor/assets/images/metro-ui-css/grid.png +0 -0
  66. data/vendor/assets/images/metro-ui-css/icons-white.png +0 -0
  67. data/vendor/assets/images/metro-ui-css/icons.png +0 -0
  68. data/vendor/assets/images/metro-ui-css/ie.png +0 -0
  69. data/vendor/assets/images/metro-ui-css/lock-open.png +0 -0
  70. data/vendor/assets/images/metro-ui-css/lock.png +0 -0
  71. data/vendor/assets/images/metro-ui-css/logo-jetbrains.jpg +0 -0
  72. data/vendor/assets/images/metro-ui-css/logo32.png +0 -0
  73. data/vendor/assets/images/metro-ui-css/michael.jpg +0 -0
  74. data/vendor/assets/images/metro-ui-css/myface.jpg +0 -0
  75. data/vendor/assets/images/metro-ui-css/onenote2013icon.png +0 -0
  76. data/vendor/assets/images/metro-ui-css/opera.png +0 -0
  77. data/vendor/assets/images/metro-ui-css/pull24-dark.png +0 -0
  78. data/vendor/assets/images/metro-ui-css/pull24.png +0 -0
  79. data/vendor/assets/images/metro-ui-css/responsive.png +0 -0
  80. data/vendor/assets/images/metro-ui-css/row24.png +0 -0
  81. data/vendor/assets/images/metro-ui-css/shield-user.png +0 -0
  82. data/vendor/assets/images/metro-ui-css/simple.png +0 -0
  83. data/vendor/assets/images/metro-ui-css/star32.png +0 -0
  84. data/vendor/assets/images/metro-ui-css/stock-up.png +0 -0
  85. data/vendor/assets/images/metro-ui-css/view-32.png +0 -0
  86. data/vendor/assets/images/metro-ui-css/windows-8-metro.jpg +0 -0
  87. data/vendor/assets/images/metro-ui-css/windows8_metro_green_1920_1080.jpg +0 -0
  88. data/vendor/assets/images/metro-ui-css/word2013icon.png +0 -0
  89. data/vendor/assets/javascripts/metro-ui-css-js.js +1 -0
  90. data/vendor/assets/javascripts/metro-ui-css/accordion.js +44 -0
  91. data/vendor/assets/javascripts/metro-ui-css/buttonset.js +34 -0
  92. data/vendor/assets/javascripts/metro-ui-css/carousel.js +368 -0
  93. data/vendor/assets/javascripts/metro-ui-css/dropdown.js +95 -0
  94. data/vendor/assets/javascripts/metro-ui-css/pagecontrol.js +64 -0
  95. data/vendor/assets/javascripts/metro-ui-css/rating.js +46 -0
  96. data/vendor/assets/javascripts/metro-ui-css/tile-slider.js +196 -0
  97. data/vendor/toolkit/metro-ui-css/accordion.less +69 -0
  98. data/vendor/toolkit/metro-ui-css/bricks.less +57 -0
  99. data/vendor/toolkit/metro-ui-css/buttons.less +256 -0
  100. data/vendor/toolkit/metro-ui-css/cards.less +113 -0
  101. data/vendor/toolkit/metro-ui-css/carousel.less +109 -0
  102. data/vendor/toolkit/metro-ui-css/code.less +47 -0
  103. data/vendor/toolkit/metro-ui-css/colors.less +90 -0
  104. data/vendor/toolkit/metro-ui-css/forms.less +427 -0
  105. data/vendor/toolkit/metro-ui-css/grid.less +115 -0
  106. data/vendor/toolkit/metro-ui-css/hero.less +18 -0
  107. data/vendor/toolkit/metro-ui-css/icons.less +326 -0
  108. data/vendor/toolkit/metro-ui-css/images.less +121 -0
  109. data/vendor/toolkit/metro-ui-css/layout.less +287 -0
  110. data/vendor/toolkit/metro-ui-css/listview.less +143 -0
  111. data/vendor/toolkit/metro-ui-css/menus.less +345 -0
  112. data/vendor/toolkit/metro-ui-css/modern-responsive-max480.less +147 -0
  113. data/vendor/toolkit/metro-ui-css/modern-responsive-max767.less +211 -0
  114. data/vendor/toolkit/metro-ui-css/modern-responsive-max979.less +71 -0
  115. data/vendor/toolkit/metro-ui-css/modern-responsive-min1200.less +28 -0
  116. data/vendor/toolkit/metro-ui-css/modern-responsive.less +13 -0
  117. data/vendor/toolkit/metro-ui-css/modern.less +33 -0
  118. data/vendor/toolkit/metro-ui-css/notices.less +183 -0
  119. data/vendor/toolkit/metro-ui-css/pagecontrol.less +100 -0
  120. data/vendor/toolkit/metro-ui-css/progress.less +22 -0
  121. data/vendor/toolkit/metro-ui-css/rating.less +80 -0
  122. data/vendor/toolkit/metro-ui-css/reset.less +504 -0
  123. data/vendor/toolkit/metro-ui-css/routines.less +137 -0
  124. data/vendor/toolkit/metro-ui-css/sidebar.less +139 -0
  125. data/vendor/toolkit/metro-ui-css/slider.less +52 -0
  126. data/vendor/toolkit/metro-ui-css/tables.less +158 -0
  127. data/vendor/toolkit/metro-ui-css/theme-dark.less +54 -0
  128. data/vendor/toolkit/metro-ui-css/tiles.less +276 -0
  129. data/vendor/toolkit/metro-ui-css/typography.less +347 -0
  130. metadata +229 -0
@@ -0,0 +1,57 @@
1
+ /*
2
+ * Metro UI CSS
3
+ * Copyright 2012 Sergey Pimenov
4
+ * Licensed under the MIT Lilcense
5
+ *
6
+ * Bricks.less
7
+ *
8
+ */
9
+
10
+ .item-margin {
11
+ margin: 0 @subunit*2 @subunit*2 0;
12
+ }
13
+ .column-margin {
14
+ margin: 0 @unit @subunit*2 0;
15
+ }
16
+ .group-margin {
17
+ margin: 0 @unit*4 @subunit*2 0;
18
+ }
19
+
20
+ [class*="-brick"] {
21
+ }
22
+
23
+ .brick {
24
+ .pos-rel;
25
+ .item-margin;
26
+ .as-block;
27
+ }
28
+
29
+ .short-brick {
30
+ .brick;
31
+ width: 150px;
32
+ height: 150px;
33
+ }
34
+
35
+ .medium-brick {
36
+ .brick;
37
+ width: 310px;
38
+ height: 150px;
39
+ }
40
+
41
+ .badge {
42
+ .brick;
43
+ width: @subunit*7;
44
+ height: @subunit*6;
45
+ padding-top: @subunit;
46
+ #font > .control;
47
+ color: @darken;
48
+ text-align: center;
49
+ }
50
+
51
+ .square {
52
+ display: block;
53
+ float: left;
54
+ margin-right: 10px;
55
+ height: 20px;
56
+ width: 20px;
57
+ }
@@ -0,0 +1,256 @@
1
+ /*
2
+ * Metro UI CSS
3
+ * Copyright 2012 Sergey Pimenov
4
+ * Licensed under the MIT Lilcense
5
+ *
6
+ * Buttons.less
7
+ */
8
+
9
+ @logo: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGESURBVFhH7ZevTsNQFIfbZgKxB9gjIHgABAIcS0CSQIJE4LEIEgQCyQNMIiHhIRAgEAgECWKIySUTCEjLd3t/Cyml3em6DtMvOTn33PM3XdvbBU2SJMmKlssnjuNtZIisa2t50HQNmXAFEvQHsi9X89CzR8M31/wXZwppDpp0aX7v++XBd41q7r5Qg1I0YE8pQYixqbWFpzAMx1pnoPA5vlOZpdDzHdWPoujZGVX4c1iaH8pvhpwJshOpxtxQawM18JYdrlYXdbKIAa4o1pFphrxX8g5qD0CRPsUeZZogfkzeLjJaxAAjZIuit9oqhbgv4veQl+lGFQqfGHwdbqpLH1YMMUdK8WjfysxHlgbHyKfiM7B/obAf5LNiemfQyB1E6VkwBfsGlb9ZvduM+aVFQ3cgDV0S+gHlHrs8LqAC5gEcxLuD6c5pbeVJy9qpNECLCV1aK+lPwO86kD0TF5s2KqD2m7Au7QDtAO0A7QD/PsBcf0zIWWVdfMRmcd+M/vsvRxB8A6+/IU2N93KYAAAAAElFTkSuQmCC);
10
+ @img-back-button: url(data:image/png;base64,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);
11
+
12
+ .modern-ui-logo, .metro-ui-logo {
13
+ height: 28px;
14
+ width: 28px;
15
+ display: block;
16
+ background-image: @logo;
17
+ -webkit-background-size: cover;
18
+ -moz-background-size: cover;
19
+ -o-background-size: cover;
20
+ background-size: cover;
21
+ }
22
+
23
+ .back-button {
24
+ height: 32px;
25
+ width: 32px;
26
+ display: block;
27
+ background-image: @img-back-button;
28
+ -webkit-background-size: cover;
29
+ -moz-background-size: cover;
30
+ -o-background-size: cover;
31
+ background-size: cover;
32
+
33
+ &.big {
34
+ height: 48px;
35
+ width: 48px;
36
+ left: 36px;
37
+ top: 40px;
38
+ }
39
+ &.page-back {
40
+ }
41
+ }
42
+
43
+ button, .button {
44
+ #font > .control;
45
+ height: 32px;
46
+ background-color: #ccc;
47
+ border: 1px transparent solid;
48
+ color: #353535;
49
+ margin-right: 10px;
50
+ margin-bottom: 10px;
51
+ border-raduis: 0;
52
+ display: inline-block;
53
+ text-align: center;
54
+ vertical-align: middle;
55
+ cursor: pointer;
56
+ padding: 4px 10px;
57
+
58
+ &.standart {
59
+ min-width: 90px;
60
+ min-height: 32px;
61
+ }
62
+
63
+ &:active, &.default:active {
64
+ background-color: #000 !important;
65
+ color: #fff;
66
+ }
67
+
68
+ &:disabled, &.disabled {
69
+ background-color: #eaeaea;
70
+ color: #bebebe;
71
+ cursor: not-allowed;
72
+ }
73
+
74
+ &.default {
75
+ background-color: #008287;
76
+ color: #fff;
77
+ }
78
+
79
+ &:focus {
80
+ outline: 0;
81
+ border: 1px #353535 dotted;
82
+ }
83
+
84
+ &:hover {
85
+ }
86
+
87
+ }
88
+
89
+ button, .button, .tool-button {
90
+ [class*=icon-] {
91
+ background-size: cover;
92
+ zoom: 1;
93
+ }
94
+
95
+ &.mini {
96
+ min-height: 24px;
97
+ height: 26px;
98
+ font-size: .8em;
99
+
100
+ [class*=icon-] {
101
+
102
+ }
103
+ }
104
+ &.big {
105
+ min-height: 48px;
106
+ height: 48px;
107
+ font-size: 1.2em;
108
+
109
+ [class*=icon-] {
110
+ margin-top: 6px;
111
+ zoom: 1;
112
+ }
113
+ }
114
+ }
115
+
116
+ .tool-button {
117
+ [class*=icon-] {
118
+ margin-top: 2px !important;
119
+ margin-left: 7px !important;
120
+ }
121
+
122
+ &.mini {
123
+ min-width: 22px;
124
+ width: 22px;
125
+ }
126
+
127
+ &.big {
128
+ min-width: 48px;
129
+ width: 48px;
130
+
131
+ [class*=icon-] {
132
+ margin-top: 2px !important;
133
+ margin-left: 15px !important;
134
+ }
135
+ }
136
+ }
137
+
138
+ .command-button {
139
+ width: 330px;
140
+ text-align: left;
141
+ padding: 10px 20px;
142
+ height: auto;
143
+ color: #000;
144
+ background-color: #ccc;
145
+ #font > .normal;
146
+
147
+ & > small {
148
+ display: block;
149
+ #font > .normal;
150
+ font-size: 10pt;
151
+ color: #505050;
152
+ }
153
+
154
+ &.default {
155
+ & > small {
156
+ color: #ccc;
157
+ }
158
+ }
159
+ }
160
+
161
+ .tool-button {
162
+ .button;
163
+ min-width: 32px;
164
+ min-height: 32px;
165
+ width: 32px;
166
+ height: 32px;
167
+ text-align: center;
168
+ position: relative;
169
+ padding: 0;
170
+
171
+ img {
172
+ width: 16px;
173
+ height: 16px;
174
+ position: absolute;
175
+ top: 8px;
176
+ left: 8px;
177
+ }
178
+
179
+ [class*=icon-] {
180
+ margin-left: 8px;
181
+ }
182
+ }
183
+
184
+ .toolbar {
185
+ a, button {
186
+ .tool-button;
187
+ margin-right: 0px;
188
+ }
189
+
190
+ a {
191
+ padding: 5px 0;
192
+ }
193
+ .clearfix;
194
+
195
+ .toolbar-group {
196
+ margin-right: 20px;
197
+ margin-bottom: 10px;
198
+ float: left;
199
+ }
200
+ }
201
+ .toolbar-vertical {
202
+ width: 33px;
203
+ float: left;
204
+ margin-right: 10px;
205
+
206
+ a, button {
207
+ .tool-button;
208
+ margin-bottom: 5px;
209
+ }
210
+
211
+ a {
212
+ padding: 5px 0;
213
+ }
214
+ .clearfix;
215
+
216
+ .toolbar-group {
217
+ margin-bottom: 20px;
218
+ }
219
+ }
220
+
221
+ .image-button {
222
+ position: relative;
223
+ border: 0;
224
+ padding-right: 45px;
225
+
226
+ img, &:active img {
227
+ position: absolute;
228
+ right: 0;
229
+ margin-left: 32px;
230
+ padding: 5px;
231
+ height: 100%;
232
+ top: 0px;
233
+ margin-left: 0px;
234
+ box-sizing: border-box;
235
+ border: 1px transparent solid;
236
+ z-index: 2;
237
+ }
238
+ }
239
+
240
+ .button-set {
241
+ a, button {
242
+ margin-right: 0;
243
+ text-align: center;
244
+ img {
245
+ background-color: transparent;
246
+ }
247
+ }
248
+ a {
249
+ padding: 5px 0;
250
+ }
251
+ button.active {
252
+ background-color: #008287;
253
+ color: #fff;
254
+ }
255
+ }
256
+
@@ -0,0 +1,113 @@
1
+ /*
2
+ * Metro UI CSS
3
+ * Copyright 2012 Sergey Pimenov
4
+ * Licensed under the MIT Lilcense
5
+ *
6
+ * Cards.less
7
+ *
8
+ */
9
+
10
+ @joker: url(data:image/jpeg;base64,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%3D);
11
+
12
+ .card {
13
+ width: 75px;
14
+ height: 105px;
15
+ border: 1px #eaeaea solid;
16
+ border-radius: 0px;
17
+ position: relative;
18
+ float: left;
19
+ display: block;
20
+ margin-right: 10px;
21
+ margin-bottom: 10px;
22
+ cursor: pointer;
23
+ background: #fff;
24
+ #font > .subheader-secondary;
25
+ font-family: Tahoma, Arial, sans-serif;
26
+ line-height: 18pt;
27
+
28
+ &:hover {
29
+ box-shadow: 1px 1px 1px #ccc;
30
+ }
31
+
32
+ .small-suit {
33
+ }
34
+ .suit {
35
+ padding: 0;
36
+ font-size: 80px;
37
+ position: absolute;
38
+ right: 5px;
39
+ bottom: 30px;
40
+ }
41
+ .small-suit:after {
42
+ top: 5px;
43
+ left: 10px;
44
+ position: absolute;
45
+ }
46
+ .small-suit:before {
47
+ top: 28px;
48
+ left: 10px;
49
+ position: absolute;
50
+ }
51
+
52
+ .suit:after {
53
+ position: relative;
54
+ }
55
+ }
56
+
57
+ .red { color: red;}
58
+ .black { color: black; }
59
+
60
+
61
+ // Значения
62
+ .card.two { .small-suit:after { content: "2"; }}
63
+ .card.three { .small-suit:after { content: "3"; }}
64
+ .card.four { .small-suit:after { content: "4"; }}
65
+ .card.five { .small-suit:after { content: "5"; }}
66
+ .card.six { .small-suit:after { content: "6"; }}
67
+ .card.seven { .small-suit:after { content: "7"; }}
68
+ .card.eight { .small-suit:after { content: "8"; }}
69
+ .card.nine { .small-suit:after { content: "9"; }}
70
+ .card.ten { .small-suit:after { content: "10"; margin-left: -7px; }}
71
+ .card.jack { .small-suit:after { content: "J"; }}
72
+ .card.dame { .small-suit:after { content: "Q"; }}
73
+ .card.king { .small-suit:after { content: "K"; }}
74
+ .card.ace { .small-suit:after { content: "A"; }}
75
+ .card.joker { background: #fff @joker no-repeat 10px}
76
+
77
+ @angle: 45deg;
78
+ .card.back {
79
+ background-color: @red;
80
+ background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255,255,255,.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,.15)), color-stop(.75, rgba(255,255,255,.15)), color-stop(.75, transparent), to(transparent));
81
+ background-image: -webkit-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
82
+ background-image: -moz-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
83
+ background-image: -ms-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
84
+ background-image: -o-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
85
+ background-image: linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
86
+ }
87
+ // Масти
88
+
89
+ // Пики
90
+ .card.spades {
91
+ .small-suit:after { .black(); }
92
+ .small-suit:before { content: "\2660"; .black(); }
93
+ .suit:after { content: "\2660"; .black(); }
94
+ }
95
+ // Трефы
96
+ .card.clubs {
97
+ .small-suit:after { .black(); }
98
+ .small-suit:before { content: "\2663"; .black(); }
99
+ .suit:after { content: "\2663"; .black(); }
100
+ }
101
+ // Бубны
102
+ .card.diamonds {
103
+ .small-suit:after { .red(); }
104
+ .small-suit:before { content: "\2666"; .red(); }
105
+ .suit:after { content: "\2666"; .red();}
106
+ }
107
+ // Червы
108
+ .card.hearts {
109
+ .small-suit:after { .red(); }
110
+ .small-suit:before { content: "\2665"; .red(); }
111
+ .suit:after { content: "\2665"; .red(); }
112
+ }
113
+
@@ -0,0 +1,109 @@
1
+ /*
2
+ * Metro UI CSS
3
+ * Copyright 2012 Sergey Pimenov
4
+ * Licensed under the MIT Lilcense
5
+ *
6
+ * Carousel.less
7
+ * Version: 1.0
8
+ *
9
+ */
10
+
11
+ .carousel {
12
+ display: block;
13
+ position: relative;
14
+ //line-height: 1;
15
+ //width: 100%;
16
+ //height: 100%;
17
+ margin-bottom: 20px;
18
+
19
+ .slides {
20
+ width: 100%;
21
+ height: 100%;
22
+ overflow: hidden;
23
+ position: relative;
24
+
25
+ .slide {
26
+ position: absolute;
27
+ left: 0;
28
+ top: 0;
29
+ width: 100%;
30
+ height: 100%;
31
+
32
+ &.image {
33
+ img {
34
+ width: 100%;
35
+ height: 100%;
36
+ }
37
+ }
38
+
39
+ .description {
40
+ position: absolute;
41
+ left: 0;
42
+ right: 0;
43
+ bottom: 0;
44
+ padding: 10px;
45
+ background: rgba(0,0,0,.7);
46
+ color: #fff;
47
+ }
48
+ }
49
+ }
50
+
51
+ .control {
52
+ position: absolute;
53
+ top: 50%;
54
+ left: 15px;
55
+ width: 40px;
56
+ height: 45px;
57
+ margin-top: -20px;
58
+ font-size: 48pt;
59
+ font-weight: 100;
60
+ line-height: 30px;
61
+ color: #fff;
62
+ text-align: center;
63
+ cursor: pointer;
64
+ opacity: .75;
65
+
66
+ &.right {
67
+ left: auto;
68
+ right: 15px;
69
+ }
70
+
71
+ &:hover {
72
+ opacity: 1;
73
+ }
74
+
75
+ }
76
+
77
+ .markers {
78
+ & > ul {
79
+ .unstyled;
80
+ list-style: none;
81
+ position: absolute;
82
+ top: 100%;
83
+ left: 0;
84
+ padding-top: 10px;
85
+ }
86
+
87
+ li {
88
+ display: block;
89
+ float: left;
90
+ margin-right: 5px;
91
+
92
+ a {
93
+ width: 32px;
94
+ height: 6px;
95
+ background-color: red;
96
+ display: block;
97
+ float: left;
98
+ }
99
+
100
+ &.active a {
101
+ background-color: #1e1e1e;
102
+ }
103
+ }
104
+ }
105
+
106
+ // Subclasses for animation effects
107
+ .effect-slide {}
108
+ .effect-fade {}
109
+ }