magic_stylez 0.0.0.72 → 0.0.0.73
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/effects/noise.jst.eco +54 -0
- data/test/dummy/app/assets/javascripts/views/helper/sass_helper.jst.eco +152 -0
- data/test/dummy/app/assets/javascripts/views/helper/text.jst.eco +57 -0
- data/test/dummy/config/application.rb +1 -0
- data/test/dummy/config/environments/production.rb +2 -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 +6 -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/_tables.scss +22 -0
- data/vendor/assets/stylesheets/magic/lib/_text.scss +6 -0
- metadata +9 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 644dfd0616bf9191328d0d9445ac1f03590e3a96
|
|
4
|
+
data.tar.gz: 3a2b38b5b3b05c942dd70b0671211fb2821eaaf5
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 69bcaf2648d154e0cb08c51a53e451501fcf43bfa7a4b4c1fa0193abdfaf69ca192c787e11cc2c027e1dd1baafa4adaa95e24375ca27d01f28ca3d5be0983060
|
|
7
|
+
data.tar.gz: 98111371cd1176e96161b98910b4eae1009371478486ca62966d1d81b54dd3b944d161bac8fe460c48dced1be23ad8a3d0f147d30232b6386cf9aa7db132336f
|
data/lib/magic_stylez/version.rb
CHANGED
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
<div class="section head">
|
|
2
|
+
<div class="corset">
|
|
3
|
+
<h1>Noise</h1>
|
|
4
|
+
</div>
|
|
5
|
+
</div>
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
<div class="section brand noise">
|
|
9
|
+
<div class="corset blank">
|
|
10
|
+
<p class="loud">.section .brand .noise</p>
|
|
11
|
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
|
12
|
+
</div>
|
|
13
|
+
</div>
|
|
14
|
+
|
|
15
|
+
<div class="section brand">
|
|
16
|
+
<div class="corset blank">
|
|
17
|
+
<p class="loud">.section .brand</p>
|
|
18
|
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
|
19
|
+
</div>
|
|
20
|
+
</div>
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
<div class="section brand blur">
|
|
24
|
+
<div class="corset blank">
|
|
25
|
+
<p class="loud">.section .brand .blur</p>
|
|
26
|
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
|
27
|
+
</div>
|
|
28
|
+
</div>
|
|
29
|
+
|
|
30
|
+
<div class="section image noise">
|
|
31
|
+
<div class="corset blank">
|
|
32
|
+
<br/>
|
|
33
|
+
<h2 class="loud red no-press">.section .image .noise</h2>
|
|
34
|
+
<br/>
|
|
35
|
+
</div>
|
|
36
|
+
</div>
|
|
37
|
+
|
|
38
|
+
<div class="section image">
|
|
39
|
+
<div class="corset blank">
|
|
40
|
+
<br/>
|
|
41
|
+
<h2 class="loud red no-press">.section .image</h2>
|
|
42
|
+
<br/>
|
|
43
|
+
</div>
|
|
44
|
+
</div>
|
|
45
|
+
|
|
46
|
+
<div class="section image blur">
|
|
47
|
+
<div class="corset blank">
|
|
48
|
+
<br/>
|
|
49
|
+
<h2 class="loud red no-press">.section .image .blur</h2>
|
|
50
|
+
<br/>
|
|
51
|
+
</div>
|
|
52
|
+
</div>
|
|
53
|
+
|
|
54
|
+
|
|
@@ -0,0 +1,152 @@
|
|
|
1
|
+
<div class="section head">
|
|
2
|
+
<div class="corset">
|
|
3
|
+
<h1>Text Helper</h1>
|
|
4
|
+
</div>
|
|
5
|
+
</div>
|
|
6
|
+
|
|
7
|
+
<div class="section dark flatted">
|
|
8
|
+
<div class="corset">
|
|
9
|
+
<h4>dependency:</h4>
|
|
10
|
+
<code>· · · (always included)</code>
|
|
11
|
+
</div>
|
|
12
|
+
</div>
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
<div class="section sctn-sm">
|
|
16
|
+
<div class="corset tight">
|
|
17
|
+
|
|
18
|
+
<h3>Media Querries</h3>
|
|
19
|
+
<pre>
|
|
20
|
+
<code>
|
|
21
|
+
@include responsiveStep-xs { /* min 490px */ }
|
|
22
|
+
|
|
23
|
+
@include responsiveStep-sm { /* min 768px */ }
|
|
24
|
+
|
|
25
|
+
@include responsiveStep-md { /* min 992px */ }
|
|
26
|
+
|
|
27
|
+
@include responsiveStep-lg { /* min 1200px */ }
|
|
28
|
+
|
|
29
|
+
@include responsiveStep-xl { /* min 1600px */ }
|
|
30
|
+
|
|
31
|
+
@include responsiveStep-xxl { /* min 2000px */ }</code>
|
|
32
|
+
</pre>
|
|
33
|
+
</div>
|
|
34
|
+
</div>
|
|
35
|
+
|
|
36
|
+
<div class="section sctn-sm">
|
|
37
|
+
<div class="corset tight">
|
|
38
|
+
|
|
39
|
+
<h3>Media Querries (only)</h3>
|
|
40
|
+
<pre>
|
|
41
|
+
<code>
|
|
42
|
+
@include responsiveStep-xs-only { /* max 767px */ }
|
|
43
|
+
|
|
44
|
+
@include responsiveStep-sm-only { /* min 768px . max 991px */ }
|
|
45
|
+
|
|
46
|
+
@include responsiveStep-md-only { /* min 992px . max 1199px */ }
|
|
47
|
+
|
|
48
|
+
@include responsiveStep-lg-only { /* min 1200px . max 1599px */ }
|
|
49
|
+
|
|
50
|
+
@include responsiveStep-xl-only { /* min 1600px . max 1999px */ }</code>
|
|
51
|
+
</pre>
|
|
52
|
+
</div>
|
|
53
|
+
</div>
|
|
54
|
+
|
|
55
|
+
|
|
56
|
+
<div class="section sctn-sm">
|
|
57
|
+
<div class="corset tight">
|
|
58
|
+
|
|
59
|
+
<p>
|
|
60
|
+
<code>@include gpu_render;</code>
|
|
61
|
+
=> Render via GPU (for better scrolling performance)
|
|
62
|
+
</p>
|
|
63
|
+
|
|
64
|
+
<p>
|
|
65
|
+
<code>@include no_wrap;</code>
|
|
66
|
+
=> No (word) wrapping for texts
|
|
67
|
+
</p>
|
|
68
|
+
|
|
69
|
+
<p>
|
|
70
|
+
<code>@include antialiased_text;</code>
|
|
71
|
+
=> Antialized text (for white texts and icons)
|
|
72
|
+
</p>
|
|
73
|
+
|
|
74
|
+
</div>
|
|
75
|
+
</div>
|
|
76
|
+
|
|
77
|
+
<div class="section sctn-sm">
|
|
78
|
+
<div class="corset tight">
|
|
79
|
+
|
|
80
|
+
|
|
81
|
+
<p>
|
|
82
|
+
<code>@include square-size( 2em );</code>
|
|
83
|
+
=> width: 2em; height: 2em;
|
|
84
|
+
</p>
|
|
85
|
+
|
|
86
|
+
<p>
|
|
87
|
+
<code>@include squareSize( 12 );</code>
|
|
88
|
+
=> width: 12px; height: 12px;
|
|
89
|
+
</p>
|
|
90
|
+
|
|
91
|
+
<p>
|
|
92
|
+
<code>@include horizontal-padding( 5px );</code>
|
|
93
|
+
=> padding-left: 5px; padding-right: 5px;
|
|
94
|
+
</p>
|
|
95
|
+
|
|
96
|
+
<p>
|
|
97
|
+
<code>@include vertical-padding( 5px );</code>
|
|
98
|
+
=> padding-top: 5px; padding-bottom: 5px;
|
|
99
|
+
</p>
|
|
100
|
+
|
|
101
|
+
<p>
|
|
102
|
+
<code>@include horizontal-margin( 5px );</code>
|
|
103
|
+
=> margin-left: 5px; margin-right: 5px;
|
|
104
|
+
</p>
|
|
105
|
+
|
|
106
|
+
<p>
|
|
107
|
+
<code>@include vertical-margin( 5px );</code>
|
|
108
|
+
=> margin-top: 5px; margin-bottom: 5px;
|
|
109
|
+
</p>
|
|
110
|
+
|
|
111
|
+
</div>
|
|
112
|
+
</div>
|
|
113
|
+
|
|
114
|
+
<div class="section sctn-sm">
|
|
115
|
+
<div class="corset tight">
|
|
116
|
+
|
|
117
|
+
<p>
|
|
118
|
+
<code>@include rotation( 45 );</code>
|
|
119
|
+
=> ratote 45°
|
|
120
|
+
</p>
|
|
121
|
+
|
|
122
|
+
|
|
123
|
+
|
|
124
|
+
</div>
|
|
125
|
+
</div>
|
|
126
|
+
|
|
127
|
+
|
|
128
|
+
|
|
129
|
+
<div class="section sctn-sm">
|
|
130
|
+
<div class="corset tight">
|
|
131
|
+
|
|
132
|
+
<p>
|
|
133
|
+
<code>@include black_and_white_img;</code>
|
|
134
|
+
=> grayscale image
|
|
135
|
+
</p>
|
|
136
|
+
|
|
137
|
+
<p>
|
|
138
|
+
<code>@include blur-filter( 2px );</code>
|
|
139
|
+
=> BLUR for images and containers
|
|
140
|
+
</p>
|
|
141
|
+
|
|
142
|
+
</div>
|
|
143
|
+
</div>
|
|
144
|
+
|
|
145
|
+
<div class="section">
|
|
146
|
+
<div class="corset tight">
|
|
147
|
+
|
|
148
|
+
<br/>
|
|
149
|
+
|
|
150
|
+
</div>
|
|
151
|
+
</div>
|
|
152
|
+
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
<div class="section head">
|
|
2
|
+
<div class="corset">
|
|
3
|
+
<h1>Text Helper</h1>
|
|
4
|
+
</div>
|
|
5
|
+
</div>
|
|
6
|
+
|
|
7
|
+
<div class="section dark flatted">
|
|
8
|
+
<div class="corset">
|
|
9
|
+
<h4>dependency:</h4>
|
|
10
|
+
<code>· · · (always included)</code>
|
|
11
|
+
</div>
|
|
12
|
+
</div>
|
|
13
|
+
|
|
14
|
+
<div class="section">
|
|
15
|
+
<div class="corset tight">
|
|
16
|
+
|
|
17
|
+
<h3>Sizes:</h3>
|
|
18
|
+
|
|
19
|
+
<p>Paragraph .. Just a usual p tag</p>
|
|
20
|
+
|
|
21
|
+
<p class="loud">Paragraph .loud</p>
|
|
22
|
+
|
|
23
|
+
<p class="louder">Paragraph .louder</p>
|
|
24
|
+
|
|
25
|
+
<p class="lead">Paragraph .lead</p>
|
|
26
|
+
|
|
27
|
+
<p class="highlight">Paragraph .highlight</p>
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
</div>
|
|
31
|
+
</div>
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
<div class="section">
|
|
35
|
+
<div class="corset tight">
|
|
36
|
+
|
|
37
|
+
<h3>Styles:</h3>
|
|
38
|
+
|
|
39
|
+
<p>Paragraph .. Just a usual p tag</p>
|
|
40
|
+
|
|
41
|
+
<p class="thin">Paragraph .thin</p>
|
|
42
|
+
|
|
43
|
+
<p class="bold">Paragraph .bold</p>
|
|
44
|
+
|
|
45
|
+
<hr/>
|
|
46
|
+
|
|
47
|
+
<p class="sans">Paragraph .sans</p>
|
|
48
|
+
<p class="sans thin">Paragraph .sans.thin</p>
|
|
49
|
+
<p class="sans regular">Paragraph .sans.regular</p>
|
|
50
|
+
<p class="sans semi">Paragraph .sans.semi</p>
|
|
51
|
+
<p class="sans bold">Paragraph .sans.bold</p>
|
|
52
|
+
<p class="sans extra">Paragraph .sans.extra</p>
|
|
53
|
+
|
|
54
|
+
<p class="highlight">.sans .. Needs external fonts! ie: Open-Sans</p>
|
|
55
|
+
|
|
56
|
+
</div>
|
|
57
|
+
</div>
|
|
@@ -14,6 +14,8 @@ Rails.application.configure do
|
|
|
14
14
|
config.consider_all_requests_local = false
|
|
15
15
|
config.action_controller.perform_caching = true
|
|
16
16
|
|
|
17
|
+
config.secret_key_base = "182af0fa132b185514bef41962cc2b9306b6d91586ee811d04df7674aea4b45434dfa16a96afe0eb3bede4e5268af75e3d35f9cf376433af325a43841466fb3c"
|
|
18
|
+
|
|
17
19
|
|
|
18
20
|
config.assets.prefix = "/assets"
|
|
19
21
|
config.action_controller.asset_host = "//berlinmagic.github.io/magic_stylez"
|
|
@@ -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-9408a16d119be79c9a4a47898b04dbe8.css" media="all" rel="stylesheet" />
|
|
7
7
|
<script src="//berlinmagic.github.io/magic_stylez/assets/blank-f61f67c5c51c1b2adbcfdfc46056dabb.js"></script>
|
|
8
8
|
<meta content="authenticity_token" name="csrf-param" />
|
|
9
|
-
<meta content="
|
|
9
|
+
<meta content="lRlmtexXyyHQntHOnexYTD29DqOzeRvtH8/DhTrbqHg=" 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-9408a16d119be79c9a4a47898b04dbe8.css" media="all" rel="stylesheet" />
|
|
7
7
|
<script src="//berlinmagic.github.io/magic_stylez/assets/blank-f61f67c5c51c1b2adbcfdfc46056dabb.js"></script>
|
|
8
8
|
<meta content="authenticity_token" name="csrf-param" />
|
|
9
|
-
<meta content="
|
|
9
|
+
<meta content="lRlmtexXyyHQntHOnexYTD29DqOzeRvtH8/DhTrbqHg=" 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-9408a16d119be79c9a4a47898b04dbe8.css" media="all" rel="stylesheet" />
|
|
7
7
|
<script src="//berlinmagic.github.io/magic_stylez/assets/blank-f61f67c5c51c1b2adbcfdfc46056dabb.js"></script>
|
|
8
8
|
<meta content="authenticity_token" name="csrf-param" />
|
|
9
|
-
<meta content="
|
|
9
|
+
<meta content="lRlmtexXyyHQntHOnexYTD29DqOzeRvtH8/DhTrbqHg=" 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-9408a16d119be79c9a4a47898b04dbe8.css" media="all" rel="stylesheet" />
|
|
10
|
+
<script src="//berlinmagic.github.io/magic_stylez/assets/application-330744bbd1448ba07f0ba8f2234916b8.js"></script>
|
|
11
11
|
<meta content="authenticity_token" name="csrf-param" />
|
|
12
|
-
<meta content="
|
|
12
|
+
<meta content="lRlmtexXyyHQntHOnexYTD29DqOzeRvtH8/DhTrbqHg=" 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" />
|
|
@@ -50,6 +50,7 @@
|
|
|
50
50
|
</li>
|
|
51
51
|
<li><a class="lst_lnk" href="#">Effects</a>
|
|
52
52
|
<ul class="sub_nav">
|
|
53
|
+
<li><a class="app_lnk lst_lnk" data-target="effects/noise" href="#">Noise</a></li>
|
|
53
54
|
<li><a class="app_lnk lst_lnk" data-target="effects/shadows" href="#">Shadows</a></li>
|
|
54
55
|
</ul>
|
|
55
56
|
</li>
|
|
@@ -63,6 +64,8 @@
|
|
|
63
64
|
<li><a class="app_lnk lst_lnk" data-target="helper/arrow_infos" href="#">Arrow Infos</a></li>
|
|
64
65
|
<li><a class="app_lnk lst_lnk" data-target="helper/crossed_text" href="#">Crossed Text</a></li>
|
|
65
66
|
<li><a class="app_lnk lst_lnk" data-target="helper/divider" href="#">Divider</a></li>
|
|
67
|
+
<li><a class="app_lnk lst_lnk" data-target="helper/sass_helper" href="#">Sass Helper</a></li>
|
|
68
|
+
<li><a class="app_lnk lst_lnk" data-target="helper/text" href="#">Text</a></li>
|
|
66
69
|
<li><a class="app_lnk lst_lnk" data-target="helper/three_previews" href="#">Three Previews</a></li>
|
|
67
70
|
</ul>
|
|
68
71
|
</li>
|
|
@@ -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-9408a16d119be79c9a4a47898b04dbe8.css" media="all" rel="stylesheet" />
|
|
7
7
|
<script src="//berlinmagic.github.io/magic_stylez/assets/blank-f61f67c5c51c1b2adbcfdfc46056dabb.js"></script>
|
|
8
8
|
<meta content="authenticity_token" name="csrf-param" />
|
|
9
|
-
<meta content="
|
|
9
|
+
<meta content="lRlmtexXyyHQntHOnexYTD29DqOzeRvtH8/DhTrbqHg=" 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-9408a16d119be79c9a4a47898b04dbe8.css" media="all" rel="stylesheet" />
|
|
7
7
|
<script src="//berlinmagic.github.io/magic_stylez/assets/blank-f61f67c5c51c1b2adbcfdfc46056dabb.js"></script>
|
|
8
8
|
<meta content="authenticity_token" name="csrf-param" />
|
|
9
|
-
<meta content="
|
|
9
|
+
<meta content="lRlmtexXyyHQntHOnexYTD29DqOzeRvtH8/DhTrbqHg=" 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 = {};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
table.table {
|
|
2
|
+
|
|
3
|
+
&.table-middled tr {
|
|
4
|
+
th, td {
|
|
5
|
+
vertical-align: middle;
|
|
6
|
+
& > * { vertical-align: middle; }
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
&.table-left tr {
|
|
10
|
+
th, td { text-align: left; }
|
|
11
|
+
}
|
|
12
|
+
&.table-bg tr {
|
|
13
|
+
&:nth-child(even) > td { background: #fff; }
|
|
14
|
+
}
|
|
15
|
+
&.table-lg tr {
|
|
16
|
+
th, td { padding: 14px 8px; }
|
|
17
|
+
}
|
|
18
|
+
&.table-xl tr {
|
|
19
|
+
th, td { padding: 20px 8px; }
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
}
|
|
@@ -59,6 +59,12 @@
|
|
|
59
59
|
white-space: nowrap;
|
|
60
60
|
overflow: hidden;
|
|
61
61
|
}
|
|
62
|
+
@mixin no_word_break {
|
|
63
|
+
text-overflow: ellipsis;
|
|
64
|
+
white-space: nowrap;
|
|
65
|
+
overflow: hidden;
|
|
66
|
+
}
|
|
67
|
+
@mixin no-word-break { @include no_word_break; }
|
|
62
68
|
@mixin no-wrap { @include no_wrap; }
|
|
63
69
|
|
|
64
70
|
@mixin antialiased_text {
|
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.73
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Torsten Wetzel
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2015-02-
|
|
11
|
+
date: 2015-02-25 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: rails
|
|
@@ -234,12 +234,15 @@ files:
|
|
|
234
234
|
- test/dummy/app/assets/javascripts/views/content/forms.jst.eco
|
|
235
235
|
- test/dummy/app/assets/javascripts/views/content/inputs.jst.eco
|
|
236
236
|
- test/dummy/app/assets/javascripts/views/content/labels.jst.eco
|
|
237
|
+
- test/dummy/app/assets/javascripts/views/effects/noise.jst.eco
|
|
237
238
|
- test/dummy/app/assets/javascripts/views/effects/reflections.jst.eco
|
|
238
239
|
- test/dummy/app/assets/javascripts/views/effects/shadows.jst.eco
|
|
239
240
|
- test/dummy/app/assets/javascripts/views/elements/circle_diagram.jst.eco
|
|
240
241
|
- test/dummy/app/assets/javascripts/views/helper/arrow_infos.jst.eco
|
|
241
242
|
- test/dummy/app/assets/javascripts/views/helper/crossed_text.jst.eco
|
|
242
243
|
- test/dummy/app/assets/javascripts/views/helper/divider.jst.eco
|
|
244
|
+
- test/dummy/app/assets/javascripts/views/helper/sass_helper.jst.eco
|
|
245
|
+
- test/dummy/app/assets/javascripts/views/helper/text.jst.eco
|
|
243
246
|
- test/dummy/app/assets/javascripts/views/helper/three_previews.jst.eco
|
|
244
247
|
- test/dummy/app/assets/javascripts/views/icons/glyphicons.jst.eco
|
|
245
248
|
- test/dummy/app/assets/javascripts/views/icons/icomoon.jst.eco
|
|
@@ -384,6 +387,7 @@ files:
|
|
|
384
387
|
- vendor/assets/stylesheets/magic/content/_notice.scss
|
|
385
388
|
- vendor/assets/stylesheets/magic/content/_panel.scss
|
|
386
389
|
- vendor/assets/stylesheets/magic/content/_pix.scss
|
|
390
|
+
- vendor/assets/stylesheets/magic/content/_tables.scss
|
|
387
391
|
- vendor/assets/stylesheets/magic/effects/_noise.scss
|
|
388
392
|
- vendor/assets/stylesheets/magic/effects/_reflections.scss
|
|
389
393
|
- vendor/assets/stylesheets/magic/effects/_shadows.scss
|
|
@@ -463,12 +467,15 @@ test_files:
|
|
|
463
467
|
- test/dummy/app/assets/javascripts/views/content/forms.jst.eco
|
|
464
468
|
- test/dummy/app/assets/javascripts/views/content/inputs.jst.eco
|
|
465
469
|
- test/dummy/app/assets/javascripts/views/content/labels.jst.eco
|
|
470
|
+
- test/dummy/app/assets/javascripts/views/effects/noise.jst.eco
|
|
466
471
|
- test/dummy/app/assets/javascripts/views/effects/reflections.jst.eco
|
|
467
472
|
- test/dummy/app/assets/javascripts/views/effects/shadows.jst.eco
|
|
468
473
|
- test/dummy/app/assets/javascripts/views/elements/circle_diagram.jst.eco
|
|
469
474
|
- test/dummy/app/assets/javascripts/views/helper/arrow_infos.jst.eco
|
|
470
475
|
- test/dummy/app/assets/javascripts/views/helper/crossed_text.jst.eco
|
|
471
476
|
- test/dummy/app/assets/javascripts/views/helper/divider.jst.eco
|
|
477
|
+
- test/dummy/app/assets/javascripts/views/helper/sass_helper.jst.eco
|
|
478
|
+
- test/dummy/app/assets/javascripts/views/helper/text.jst.eco
|
|
472
479
|
- test/dummy/app/assets/javascripts/views/helper/three_previews.jst.eco
|
|
473
480
|
- test/dummy/app/assets/javascripts/views/icons/glyphicons.jst.eco
|
|
474
481
|
- test/dummy/app/assets/javascripts/views/icons/icomoon.jst.eco
|