magic_stylez 0.0.0.93 → 0.0.0.94
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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
|