magic_stylez 0.0.0.93 → 0.0.0.94
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/lib/magic_stylez/version.rb +1 -1
- data/test/dummy/app/assets/javascripts/views/app/changelog.jst.eco +83 -0
- data/test/dummy/app/assets/javascripts/views/content/buttons.jst.eco +15 -0
- data/test/dummy/app/assets/javascripts/views/content/pictures.jst.eco +29 -5
- data/test/dummy/app/assets/javascripts/views/content/tables.jst.eco +100 -0
- data/test/dummy/public/html/aside-nav.html +2 -2
- data/test/dummy/public/html/fixed-header.html +2 -2
- data/test/dummy/public/html/fixed-subnav.html +2 -2
- data/test/dummy/public/html/index.html +4 -3
- data/test/dummy/public/html/slidebar-header.html +2 -2
- data/test/dummy/public/html/slidebar-subnav.html +2 -2
- data/vendor/assets/stylesheets/magic/content/_buttons.scss +10 -0
- data/vendor/assets/stylesheets/magic/content/_tables.scss +41 -5
- data/vendor/assets/stylesheets/magic/layout/_fullpage_table.scss +0 -1
- metadata +4 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: cfc99bea4e2f86ba23975f9dc33cf67118aecbdf
|
|
4
|
+
data.tar.gz: 9b5192b530e20fbc5470a8236487a9a5d6061711
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 6dd7a02a8896d0476825d41791f195ed6655db477f7c18fd2967c8321cd28cff43770cd2d3ca11eecef60eb959485d3239bdf1be971ac2ba69a38eff6204a77d
|
|
7
|
+
data.tar.gz: 1c2d48418c55ccbce2b5dc38e33551337efddf2a5e8a9a1e78c634fd5559896ab925a01ce567a5ebb639a4cb6db4ab4ab972ab940ed6aed0c34a530030944ffc
|
data/lib/magic_stylez/version.rb
CHANGED
|
@@ -14,6 +14,89 @@
|
|
|
14
14
|
|
|
15
15
|
<br/>
|
|
16
16
|
|
|
17
|
+
<div class="section sctn-sm">
|
|
18
|
+
<div class="corset tight">
|
|
19
|
+
<h4><small>Version</small> 0.0.0.94</h4>
|
|
20
|
+
<p>
|
|
21
|
+
+ add grid table helper <code>th|td.col-1..12</code>
|
|
22
|
+
</p>
|
|
23
|
+
<p>
|
|
24
|
+
+ add middled table helper <code>.table.middled|table-middled</code>
|
|
25
|
+
</p>
|
|
26
|
+
<p>
|
|
27
|
+
+ add uppercase button helper <code>.btn.btn-upcase|uppercase</code>
|
|
28
|
+
</p>
|
|
29
|
+
<p>
|
|
30
|
+
+ add buckets and tiles
|
|
31
|
+
</p>
|
|
32
|
+
</div>
|
|
33
|
+
</div>
|
|
34
|
+
|
|
35
|
+
<div class="section sctn-sm">
|
|
36
|
+
<div class="corset tight">
|
|
37
|
+
<h4><small>Version</small> 0.0.0.93</h4>
|
|
38
|
+
<p>
|
|
39
|
+
+ add no-head table helper <code>.table.table-no-head</code>
|
|
40
|
+
</p>
|
|
41
|
+
<p>
|
|
42
|
+
+ add buckets and tiles
|
|
43
|
+
</p>
|
|
44
|
+
</div>
|
|
45
|
+
</div>
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
<div class="section sctn-sm">
|
|
49
|
+
<div class="corset tight">
|
|
50
|
+
<h4><small>Version</small> 0.0.0.92</h4>
|
|
51
|
+
<p>
|
|
52
|
+
+ add dots: <code>.dot</code>
|
|
53
|
+
</p>
|
|
54
|
+
<p>
|
|
55
|
+
+ add number dots: <code>.number-dot</code>
|
|
56
|
+
</p>
|
|
57
|
+
<p>
|
|
58
|
+
+ add flip effect preview
|
|
59
|
+
</p>
|
|
60
|
+
</div>
|
|
61
|
+
</div>
|
|
62
|
+
|
|
63
|
+
|
|
64
|
+
<div class="section sctn-sm">
|
|
65
|
+
<div class="corset tight">
|
|
66
|
+
<h4><small>Version</small> 0.0.0.91</h4>
|
|
67
|
+
<p>
|
|
68
|
+
+ add blank-soft-button: <code>.btn-blank-soft</code>
|
|
69
|
+
</p>
|
|
70
|
+
<p>
|
|
71
|
+
+ add blank-soft-label: <code>.btn-label-soft</code>
|
|
72
|
+
</p>
|
|
73
|
+
<p>
|
|
74
|
+
+ add round label <code>.label.label-round</code>
|
|
75
|
+
</p>
|
|
76
|
+
<p>
|
|
77
|
+
+ add width label <code>.label.label-width</code>
|
|
78
|
+
</p>
|
|
79
|
+
<p>
|
|
80
|
+
+ improve iconset: <code>bettericons</code> .. bigger font-size
|
|
81
|
+
</p>
|
|
82
|
+
<p>
|
|
83
|
+
+ add avatar and logo <code>img.avatar|logo</code>
|
|
84
|
+
</p>
|
|
85
|
+
<p>
|
|
86
|
+
+ add image-card <code>img.image-card</code>
|
|
87
|
+
</p>
|
|
88
|
+
</div>
|
|
89
|
+
</div>
|
|
90
|
+
|
|
91
|
+
<div class="section sctn-sm">
|
|
92
|
+
<div class="corset tight">
|
|
93
|
+
<h4><small>Version</small> 0.0.0.90</h4>
|
|
94
|
+
<p>
|
|
95
|
+
+ improve iconset: <code>bettericons</code>
|
|
96
|
+
</p>
|
|
97
|
+
</div>
|
|
98
|
+
</div>
|
|
99
|
+
|
|
17
100
|
<div class="section sctn-sm">
|
|
18
101
|
<div class="corset tight">
|
|
19
102
|
<h4><small>Version</small> 0.0.0.89</h4>
|
|
@@ -266,18 +266,33 @@
|
|
|
266
266
|
.btn-round + .<%= btn %>
|
|
267
267
|
</button>
|
|
268
268
|
<% end %>
|
|
269
|
+
<div class="clearfix"></div>
|
|
270
|
+
<br/>
|
|
269
271
|
<h4>Borderless</h4>
|
|
270
272
|
<% for btn in btns: %>
|
|
271
273
|
<button class="btn btn-success btn-borderless btn-blur <%= btn %>">
|
|
272
274
|
.btn-borderless + .<%= btn %>
|
|
273
275
|
</button>
|
|
274
276
|
<% end %>
|
|
277
|
+
<div class="clearfix"></div>
|
|
278
|
+
<br/>
|
|
275
279
|
<h4>Width</h4>
|
|
276
280
|
<% for btn in btns: %>
|
|
277
281
|
<button class="btn btn-primary btn-width <%= btn %>">
|
|
278
282
|
.btn-width + .<%= btn %>
|
|
279
283
|
</button>
|
|
280
284
|
<% end %>
|
|
285
|
+
<div class="clearfix"></div>
|
|
286
|
+
<br/>
|
|
287
|
+
<h4>Uppercase</h4>
|
|
288
|
+
<p><code>.btn-uppercase</code> | <code>.btn-upcase</code></p>
|
|
289
|
+
<% for btn in btns: %>
|
|
290
|
+
<button class="btn btn-primary btn-uppercase <%= btn %>">
|
|
291
|
+
.btn-uppercase + .<%= btn %>
|
|
292
|
+
</button>
|
|
293
|
+
<% end %>
|
|
294
|
+
<div class="clearfix"></div>
|
|
295
|
+
<br/>
|
|
281
296
|
</div>
|
|
282
297
|
</div>
|
|
283
298
|
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
<p>Round Image in different sizes</p>
|
|
19
19
|
<div class="row">
|
|
20
20
|
<% for size in ["xs", "sm", "", "lg", "xl", "xxl"]: %>
|
|
21
|
-
<div class="col-xs-
|
|
21
|
+
<div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">
|
|
22
22
|
<code>.avatar<%= if size != "" then ".#{size}" else "" %></code>
|
|
23
23
|
<div class="clearfix"></div>
|
|
24
24
|
<img src="<%= assetPath("magic/pix/avatar.jpg") %>" class="avatar <%= size %>" />
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
<p>Rounded Image in different sizes</p>
|
|
34
34
|
<div class="row">
|
|
35
35
|
<% for size in ["xs", "sm", "", "lg", "xl", "xxl"]: %>
|
|
36
|
-
<div class="col-xs-
|
|
36
|
+
<div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">
|
|
37
37
|
<code>.logo<%= if size != "" then ".#{size}" else "" %></code>
|
|
38
38
|
<div class="clearfix"></div>
|
|
39
39
|
<img src="<%= assetPath("magic/pix/magic.jpg") %>" class="logo <%= size %>" />
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
</div>
|
|
47
47
|
|
|
48
48
|
<div class="section hard-top">
|
|
49
|
-
<div class="corset
|
|
49
|
+
<div class="corset">
|
|
50
50
|
|
|
51
51
|
<h4>Image Cards <code>.image_card</code> | <code>.image-card</code></h4>
|
|
52
52
|
<p>For Images with Text, like Avatars or Projects.</p>
|
|
@@ -56,11 +56,35 @@
|
|
|
56
56
|
<p>Text two</p>
|
|
57
57
|
</div>
|
|
58
58
|
|
|
59
|
+
<br/>
|
|
60
|
+
|
|
61
|
+
<div class="row">
|
|
62
|
+
<div class="col-sm-6">
|
|
63
|
+
<div class="image_card">
|
|
64
|
+
<img src="<%= assetPath("magic/pix/magic.jpg") %>" />
|
|
65
|
+
<p><strong>Header one</strong></p>
|
|
66
|
+
<p>Lorem ipsum dolor sit amet</p>
|
|
67
|
+
</div>
|
|
68
|
+
</div>
|
|
69
|
+
<div class="col-sm-6">
|
|
70
|
+
<div class="image_card">
|
|
71
|
+
<img src="<%= assetPath("magic/pix/magic.jpg") %>" />
|
|
72
|
+
<p><strong>Header two</strong></p>
|
|
73
|
+
<p>Duis aute irure dolor in</p>
|
|
74
|
+
</div>
|
|
75
|
+
</div>
|
|
76
|
+
</div>
|
|
77
|
+
|
|
78
|
+
<br/>
|
|
79
|
+
<br/>
|
|
80
|
+
|
|
81
|
+
<pre><code><div class="image_card"><br/> <img src="path/to/image" /><br/> <p><strong>Header one</strong></p><br/> <p>Lorem ipsum dolor sit amet</p><br/></div></code></pre>
|
|
82
|
+
|
|
59
83
|
</div>
|
|
60
84
|
</div>
|
|
61
85
|
|
|
62
86
|
<div class="section hard-top">
|
|
63
|
-
<div class="corset
|
|
87
|
+
<div class="corset">
|
|
64
88
|
|
|
65
89
|
<h4>Responsive <code>.responsive</code></h4>
|
|
66
90
|
<p>Responsive Image, allways uses 100% of available width.</p>
|
|
@@ -71,7 +95,7 @@
|
|
|
71
95
|
|
|
72
96
|
|
|
73
97
|
<div class="section hard-top">
|
|
74
|
-
<div class="corset
|
|
98
|
+
<div class="corset">
|
|
75
99
|
|
|
76
100
|
<h4>Pic-List <code>ul.pic-list</code></h4>
|
|
77
101
|
<ul class="pic-list">
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
<div class="section head">
|
|
2
|
+
<div class="corset">
|
|
3
|
+
<h1>Tables .. <small>Rewrites and helpers</small></h1>
|
|
4
|
+
</div>
|
|
5
|
+
</div>
|
|
6
|
+
|
|
7
|
+
<div class="section dark flatted">
|
|
8
|
+
<div class="corset">
|
|
9
|
+
<h4>dependency:</h4>
|
|
10
|
+
<code>@import "magic/content/tables";</code>
|
|
11
|
+
</div>
|
|
12
|
+
</div>
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
<div class="section">
|
|
16
|
+
<div class="corset">
|
|
17
|
+
|
|
18
|
+
<p class="loud">Tabel <code>.facts</code></p>
|
|
19
|
+
<p>Centered and just as wide as needed.</p>
|
|
20
|
+
|
|
21
|
+
<table class="facts">
|
|
22
|
+
<tr>
|
|
23
|
+
<th>Header 1</th>
|
|
24
|
+
<td>Lorem ipsum dolor sit amet</td>
|
|
25
|
+
</tr>
|
|
26
|
+
<tr>
|
|
27
|
+
<th>Header 2</th>
|
|
28
|
+
<td>onsectetur adipisicing elit</td>
|
|
29
|
+
</tr>
|
|
30
|
+
<tr>
|
|
31
|
+
<th>Header 3</th>
|
|
32
|
+
<td>sed do eiusmod tempor incididunt</td>
|
|
33
|
+
</tr>
|
|
34
|
+
</table>
|
|
35
|
+
|
|
36
|
+
<br/>
|
|
37
|
+
|
|
38
|
+
<pre><code><table class="facts"><br/> <tr><br/> <th>Header 1</th><br/> <td>Lorem ipsum dolor sit amet</td><br/> </tr><br/></table></code></pre>
|
|
39
|
+
</div>
|
|
40
|
+
</div>
|
|
41
|
+
|
|
42
|
+
<div class="section head">
|
|
43
|
+
<div class="corset">
|
|
44
|
+
<h2>Bootstrap additions:</h2>
|
|
45
|
+
</div>
|
|
46
|
+
</div>
|
|
47
|
+
|
|
48
|
+
<div class="section">
|
|
49
|
+
<div class="corset">
|
|
50
|
+
|
|
51
|
+
<p class="loud">No-Head Tables</p>
|
|
52
|
+
|
|
53
|
+
<p>Removes the uneeded first top-border on <code>table.table.table-lined</code> and <code>table.table.table-striped</code>, works with and without <code>tbody</code></p>
|
|
54
|
+
<br/>
|
|
55
|
+
<p>Ususal Table .. <code>table.table.table-lined</code></p>
|
|
56
|
+
<table class="table table-lined">
|
|
57
|
+
<tr>
|
|
58
|
+
<th>Header 1</th>
|
|
59
|
+
<td>Lorem ipsum dolor sit amet</td>
|
|
60
|
+
</tr>
|
|
61
|
+
<tr>
|
|
62
|
+
<th>Header 2</th>
|
|
63
|
+
<td>onsectetur adipisicing elit</td>
|
|
64
|
+
</tr>
|
|
65
|
+
<tr>
|
|
66
|
+
<th>Header 3</th>
|
|
67
|
+
<td>sed do eiusmod tempor incididunt</td>
|
|
68
|
+
</tr>
|
|
69
|
+
</table>
|
|
70
|
+
|
|
71
|
+
<p>Same Table plus <code>.table-no-head</code></p>
|
|
72
|
+
<table class="table table-lined table-no-head">
|
|
73
|
+
<tr>
|
|
74
|
+
<th>Header 1</th>
|
|
75
|
+
<td>Lorem ipsum dolor sit amet</td>
|
|
76
|
+
</tr>
|
|
77
|
+
<tr>
|
|
78
|
+
<th>Header 2</th>
|
|
79
|
+
<td>onsectetur adipisicing elit</td>
|
|
80
|
+
</tr>
|
|
81
|
+
<tr>
|
|
82
|
+
<th>Header 3</th>
|
|
83
|
+
<td>sed do eiusmod tempor incididunt</td>
|
|
84
|
+
</tr>
|
|
85
|
+
</table>
|
|
86
|
+
|
|
87
|
+
</div>
|
|
88
|
+
</div>
|
|
89
|
+
|
|
90
|
+
<div class="section hard-top">
|
|
91
|
+
<div class="corset tight">
|
|
92
|
+
|
|
93
|
+
<br/>
|
|
94
|
+
|
|
95
|
+
</div>
|
|
96
|
+
</div>
|
|
97
|
+
|
|
98
|
+
<br/>
|
|
99
|
+
<br/>
|
|
100
|
+
<br/>
|
|
@@ -3,10 +3,10 @@
|
|
|
3
3
|
<head>
|
|
4
4
|
<title>Magic-Stylez</title>
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
|
6
|
-
<link href="//berlinmagic.github.io/magic_stylez/assets/application-
|
|
6
|
+
<link href="//berlinmagic.github.io/magic_stylez/assets/application-727a9bb732c87741079427834a84cc72.css" media="all" rel="stylesheet" />
|
|
7
7
|
<script src="//berlinmagic.github.io/magic_stylez/assets/blank-3d36ea4463c48b99876e23297fb09063.js"></script>
|
|
8
8
|
<meta content="authenticity_token" name="csrf-param" />
|
|
9
|
-
<meta content="
|
|
9
|
+
<meta content="bBID3VhLq7YRcYb074w7qqFG9NC5fCS535C4l4iZ0FA=" name="csrf-token" />
|
|
10
10
|
<link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah' rel='stylesheet' type='text/css'>
|
|
11
11
|
<script type="text/javascript" charset="utf-8">
|
|
12
12
|
App = {};
|
|
@@ -3,10 +3,10 @@
|
|
|
3
3
|
<head>
|
|
4
4
|
<title>Magic-Stylez</title>
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
|
6
|
-
<link href="//berlinmagic.github.io/magic_stylez/assets/application-
|
|
6
|
+
<link href="//berlinmagic.github.io/magic_stylez/assets/application-727a9bb732c87741079427834a84cc72.css" media="all" rel="stylesheet" />
|
|
7
7
|
<script src="//berlinmagic.github.io/magic_stylez/assets/blank-3d36ea4463c48b99876e23297fb09063.js"></script>
|
|
8
8
|
<meta content="authenticity_token" name="csrf-param" />
|
|
9
|
-
<meta content="
|
|
9
|
+
<meta content="bBID3VhLq7YRcYb074w7qqFG9NC5fCS535C4l4iZ0FA=" name="csrf-token" />
|
|
10
10
|
<link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah' rel='stylesheet' type='text/css'>
|
|
11
11
|
<script type="text/javascript" charset="utf-8">
|
|
12
12
|
App = {};
|
|
@@ -3,10 +3,10 @@
|
|
|
3
3
|
<head>
|
|
4
4
|
<title>Magic-Stylez</title>
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
|
6
|
-
<link href="//berlinmagic.github.io/magic_stylez/assets/application-
|
|
6
|
+
<link href="//berlinmagic.github.io/magic_stylez/assets/application-727a9bb732c87741079427834a84cc72.css" media="all" rel="stylesheet" />
|
|
7
7
|
<script src="//berlinmagic.github.io/magic_stylez/assets/blank-3d36ea4463c48b99876e23297fb09063.js"></script>
|
|
8
8
|
<meta content="authenticity_token" name="csrf-param" />
|
|
9
|
-
<meta content="
|
|
9
|
+
<meta content="bBID3VhLq7YRcYb074w7qqFG9NC5fCS535C4l4iZ0FA=" name="csrf-token" />
|
|
10
10
|
<link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah' rel='stylesheet' type='text/css'>
|
|
11
11
|
<script type="text/javascript" charset="utf-8">
|
|
12
12
|
App = {};
|
|
@@ -6,10 +6,10 @@
|
|
|
6
6
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
|
7
7
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
8
8
|
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
|
|
9
|
-
<link href="//berlinmagic.github.io/magic_stylez/assets/application-
|
|
10
|
-
<script src="//berlinmagic.github.io/magic_stylez/assets/application-
|
|
9
|
+
<link href="//berlinmagic.github.io/magic_stylez/assets/application-727a9bb732c87741079427834a84cc72.css" media="all" rel="stylesheet" />
|
|
10
|
+
<script src="//berlinmagic.github.io/magic_stylez/assets/application-7d9d0b70cd22772641fc6b95468c1bb0.js"></script>
|
|
11
11
|
<meta content="authenticity_token" name="csrf-param" />
|
|
12
|
-
<meta content="
|
|
12
|
+
<meta content="bBID3VhLq7YRcYb074w7qqFG9NC5fCS535C4l4iZ0FA=" name="csrf-token" />
|
|
13
13
|
<link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah' rel='stylesheet' type='text/css'>
|
|
14
14
|
<link href="//berlinmagic.github.io/magic_stylez/assets/ico/favicon-f1706407301f788c54691b6995f60a8f.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
|
|
15
15
|
<link href="//berlinmagic.github.io/magic_stylez/assets/ico/favicon-f34b54df445838a4f6bdac98bd904570.png" rel="shortcut icon" type="image/png" />
|
|
@@ -73,6 +73,7 @@
|
|
|
73
73
|
<li><a class="app_lnk lst_lnk" data-target="helper/sass_helper" href="#">Sass Helper</a></li>
|
|
74
74
|
<li><a class="app_lnk lst_lnk" data-target="helper/text" href="#">Text</a></li>
|
|
75
75
|
<li><a class="app_lnk lst_lnk" data-target="helper/three_previews" href="#">Three Previews</a></li>
|
|
76
|
+
<li><a class="app_lnk lst_lnk" data-target="helper/tile_buckets" href="#">Tile Buckets</a></li>
|
|
76
77
|
</ul>
|
|
77
78
|
</li>
|
|
78
79
|
<li><a class="lst_lnk" href="#">Icons</a>
|
|
@@ -3,10 +3,10 @@
|
|
|
3
3
|
<head>
|
|
4
4
|
<title>Magic-Stylez</title>
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
|
6
|
-
<link href="//berlinmagic.github.io/magic_stylez/assets/application-
|
|
6
|
+
<link href="//berlinmagic.github.io/magic_stylez/assets/application-727a9bb732c87741079427834a84cc72.css" media="all" rel="stylesheet" />
|
|
7
7
|
<script src="//berlinmagic.github.io/magic_stylez/assets/blank-3d36ea4463c48b99876e23297fb09063.js"></script>
|
|
8
8
|
<meta content="authenticity_token" name="csrf-param" />
|
|
9
|
-
<meta content="
|
|
9
|
+
<meta content="bBID3VhLq7YRcYb074w7qqFG9NC5fCS535C4l4iZ0FA=" name="csrf-token" />
|
|
10
10
|
<link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah' rel='stylesheet' type='text/css'>
|
|
11
11
|
<script type="text/javascript" charset="utf-8">
|
|
12
12
|
App = {};
|
|
@@ -3,10 +3,10 @@
|
|
|
3
3
|
<head>
|
|
4
4
|
<title>Magic-Stylez</title>
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
|
6
|
-
<link href="//berlinmagic.github.io/magic_stylez/assets/application-
|
|
6
|
+
<link href="//berlinmagic.github.io/magic_stylez/assets/application-727a9bb732c87741079427834a84cc72.css" media="all" rel="stylesheet" />
|
|
7
7
|
<script src="//berlinmagic.github.io/magic_stylez/assets/blank-3d36ea4463c48b99876e23297fb09063.js"></script>
|
|
8
8
|
<meta content="authenticity_token" name="csrf-param" />
|
|
9
|
-
<meta content="
|
|
9
|
+
<meta content="bBID3VhLq7YRcYb074w7qqFG9NC5fCS535C4l4iZ0FA=" name="csrf-token" />
|
|
10
10
|
<link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah' rel='stylesheet' type='text/css'>
|
|
11
11
|
<script type="text/javascript" charset="utf-8">
|
|
12
12
|
App = {};
|
|
@@ -190,6 +190,16 @@ $darkBgButtons: info warning;
|
|
|
190
190
|
&.btn-xl { @include horizontal-padding( 50px ); }
|
|
191
191
|
}
|
|
192
192
|
|
|
193
|
+
.btn-uppercase, .btn-upcase {
|
|
194
|
+
text-transform: uppercase;
|
|
195
|
+
letter-spacing: 2px;
|
|
196
|
+
word-spacing: 5px;
|
|
197
|
+
&.btn-xs { letter-spacing: 1px; word-spacing: 3px; }
|
|
198
|
+
&.btn-sm { letter-spacing: 1px; word-spacing: 3px; }
|
|
199
|
+
&.btn-lg { letter-spacing: 2px; word-spacing: 5px; }
|
|
200
|
+
&.btn-xl { letter-spacing: 2px; word-spacing: 6px; }
|
|
201
|
+
}
|
|
202
|
+
|
|
193
203
|
|
|
194
204
|
|
|
195
205
|
// # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #
|
|
@@ -1,6 +1,8 @@
|
|
|
1
|
+
// # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #
|
|
2
|
+
// Rewrites and Additions
|
|
1
3
|
table.table {
|
|
2
4
|
|
|
3
|
-
&.table-middled tr {
|
|
5
|
+
&.table-middled tr, &.middled tr {
|
|
4
6
|
th, td {
|
|
5
7
|
vertical-align: middle;
|
|
6
8
|
& > * { vertical-align: middle; }
|
|
@@ -19,10 +21,44 @@ table.table {
|
|
|
19
21
|
th, td { padding: 20px 8px; }
|
|
20
22
|
}
|
|
21
23
|
|
|
24
|
+
// no-header
|
|
25
|
+
&.table-no-head > tr:first-child, &.table-no-head tbody tr:first-child {
|
|
26
|
+
border-top: none;
|
|
27
|
+
td, th { border-top: none; }
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
// grid steps
|
|
31
|
+
th, td {
|
|
32
|
+
@for $i from 1 through 12 {
|
|
33
|
+
&.col-#{$i} { width: percentage(1 / 12 * $i); }
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
// table.table-no-head > tr:first-child, table.table-no-head tbody tr:first-child {
|
|
40
|
+
// border-top: none;
|
|
41
|
+
// td, th { border-top: none; }
|
|
42
|
+
// }
|
|
43
|
+
|
|
44
|
+
|
|
45
|
+
// # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #
|
|
46
|
+
// more stuff
|
|
47
|
+
table.facts {
|
|
48
|
+
width: auto;
|
|
49
|
+
margin: 0 auto;
|
|
50
|
+
border-spacing: 5px;
|
|
51
|
+
&.prdct {
|
|
52
|
+
margin: 0;
|
|
53
|
+
}
|
|
22
54
|
}
|
|
55
|
+
table.facts th { font-weight: 200; color: #666; text-align: right; }
|
|
56
|
+
table.facts td { font-weight: 400; color: #333; text-align: left; }
|
|
57
|
+
|
|
58
|
+
table.facts {
|
|
59
|
+
border-spacing: 8px 0;
|
|
60
|
+
border-collapse: separate;
|
|
61
|
+
}
|
|
62
|
+
|
|
23
63
|
|
|
24
64
|
|
|
25
|
-
table.table-no-head > tr:first-child, table.table-no-head tbody tr:first-child {
|
|
26
|
-
border-top: none;
|
|
27
|
-
td, th { border-top: none; }
|
|
28
|
-
}
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: magic_stylez
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.0.0.
|
|
4
|
+
version: 0.0.0.94
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Torsten Wetzel
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2016-04-
|
|
11
|
+
date: 2016-04-08 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: rails
|
|
@@ -247,6 +247,7 @@ files:
|
|
|
247
247
|
- test/dummy/app/assets/javascripts/views/content/inputs.jst.eco
|
|
248
248
|
- test/dummy/app/assets/javascripts/views/content/labels.jst.eco
|
|
249
249
|
- test/dummy/app/assets/javascripts/views/content/pictures.jst.eco
|
|
250
|
+
- test/dummy/app/assets/javascripts/views/content/tables.jst.eco
|
|
250
251
|
- test/dummy/app/assets/javascripts/views/effects/flip.jst.eco
|
|
251
252
|
- test/dummy/app/assets/javascripts/views/effects/noise.jst.eco
|
|
252
253
|
- test/dummy/app/assets/javascripts/views/effects/reflections.jst.eco
|
|
@@ -515,6 +516,7 @@ test_files:
|
|
|
515
516
|
- test/dummy/app/assets/javascripts/views/content/inputs.jst.eco
|
|
516
517
|
- test/dummy/app/assets/javascripts/views/content/labels.jst.eco
|
|
517
518
|
- test/dummy/app/assets/javascripts/views/content/pictures.jst.eco
|
|
519
|
+
- test/dummy/app/assets/javascripts/views/content/tables.jst.eco
|
|
518
520
|
- test/dummy/app/assets/javascripts/views/effects/flip.jst.eco
|
|
519
521
|
- test/dummy/app/assets/javascripts/views/effects/noise.jst.eco
|
|
520
522
|
- test/dummy/app/assets/javascripts/views/effects/reflections.jst.eco
|