magic_stylez 0.0.0.78 → 0.0.0.79
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/helper/divider.jst.eco +35 -0
- data/test/dummy/app/assets/stylesheets/application.css.scss +0 -1
- 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 +3 -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/helper/_divider.scss +12 -6
- metadata +2 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: d3674d9acd2612affaccf14e0c3f1b5e7ef6269a
|
4
|
+
data.tar.gz: ba259609b6337ade57ae07d5af3b93c7ae7f087c
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: f10697e5e5959081b7a739491e2aa5d995afc3e8721ea96cbd0ce8a34ed3e1639516a78e21b0c0b88b1936b94c212912d8a4eb2fe28665a836b0e1bab3c24180
|
7
|
+
data.tar.gz: aa0b8abe5e6fd97ba1a433590e2f813eaf48a8a9cab7904a7a4c94c8cb9f4d80a1c59b06a01bb640e2dae8f974d9186b2b81178611b6d6301c53138523cdc7bc
|
data/lib/magic_stylez/version.rb
CHANGED
@@ -120,6 +120,41 @@
|
|
120
120
|
</div>
|
121
121
|
</div>
|
122
122
|
|
123
|
+
<div class="section bright">
|
124
|
+
<div class="corset">
|
125
|
+
<h3>Content element doesn't matter .. also buttons are fine <small>after v.0.0.0.79</small></h3>
|
126
|
+
</div>
|
127
|
+
</div>
|
128
|
+
<div class="section">
|
129
|
+
<div class="corset">
|
130
|
+
<div class="divider tight">
|
131
|
+
<button class="btn btn-success">save</button>
|
132
|
+
</div>
|
133
|
+
<div class="divider tight">
|
134
|
+
<button class="btn btn-default btn-blank btn-xs">show more ..</button>
|
135
|
+
</div>
|
136
|
+
<div class="divider">
|
137
|
+
<button class="btn btn-primary btn-blur btn-lg btn-width">Big Fat Button!</button>
|
138
|
+
</div>
|
139
|
+
<div class="divider">
|
140
|
+
<div class="btn btn-success btn-lg btn-splited">
|
141
|
+
<span>.btn-splited</span>
|
142
|
+
<span class="icn">
|
143
|
+
<i class="magicons-caret-right"></i>
|
144
|
+
</span>
|
145
|
+
</div>
|
146
|
+
</div>
|
147
|
+
<div class="divider tight">
|
148
|
+
<div class="btn btn-danger btn-blank btn-sm btn-divided">
|
149
|
+
<span>.btn-divided</span>
|
150
|
+
<span class="icn">
|
151
|
+
<i class="magicons-caret-right"></i>
|
152
|
+
</span>
|
153
|
+
</div>
|
154
|
+
</div>
|
155
|
+
</div>
|
156
|
+
</div>
|
157
|
+
|
123
158
|
<div class="section bright">
|
124
159
|
<div class="corset">
|
125
160
|
<h3>It is transparent! so background doesn't matter <small>after v.0.0.0.78</small></h3>
|
@@ -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-8dc54b3613ccad3daf1ed157116de91a.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="grVBj2RBwIhXaEWdL6FdNgHq66ShEhzrIkCdT8Bm45A=" 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-8dc54b3613ccad3daf1ed157116de91a.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="grVBj2RBwIhXaEWdL6FdNgHq66ShEhzrIkCdT8Bm45A=" 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-8dc54b3613ccad3daf1ed157116de91a.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="grVBj2RBwIhXaEWdL6FdNgHq66ShEhzrIkCdT8Bm45A=" 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-8dc54b3613ccad3daf1ed157116de91a.css" media="all" rel="stylesheet" />
|
10
|
+
<script src="//berlinmagic.github.io/magic_stylez/assets/application-8e3afea89e7766228673b38f8905be39.js"></script>
|
11
11
|
<meta content="authenticity_token" name="csrf-param" />
|
12
|
-
<meta content="
|
12
|
+
<meta content="grVBj2RBwIhXaEWdL6FdNgHq66ShEhzrIkCdT8Bm45A=" 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" />
|
@@ -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-8dc54b3613ccad3daf1ed157116de91a.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="grVBj2RBwIhXaEWdL6FdNgHq66ShEhzrIkCdT8Bm45A=" 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-8dc54b3613ccad3daf1ed157116de91a.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="grVBj2RBwIhXaEWdL6FdNgHq66ShEhzrIkCdT8Bm45A=" 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 = {};
|
@@ -5,17 +5,23 @@
|
|
5
5
|
text-align: center;
|
6
6
|
&, & > * { background: transparent; }
|
7
7
|
& > * {
|
8
|
-
|
9
|
-
margin: 0 auto;
|
10
|
-
|
8
|
+
position: relative;
|
9
|
+
margin: 0 auto;
|
10
|
+
// do not disturb button padding
|
11
|
+
&:not(.btn) { padding: 0; }
|
12
|
+
&:not(.btn-divided), &:not(.btn-splited) { display: block; display: inline-block; }
|
13
|
+
&.btn-divided, &.btn-splited {
|
14
|
+
max-width: 50%;
|
15
|
+
margin: 0 auto;
|
16
|
+
}
|
11
17
|
&:before, &:after {
|
12
18
|
display: block; position: absolute; content: "";
|
13
|
-
margin: 0
|
19
|
+
margin: 0; padding: 0;
|
14
20
|
top: 50%;
|
15
21
|
width: 750px; // make it big to fill big screens as well
|
16
22
|
}
|
17
|
-
&:before { left: 100%; }
|
18
|
-
&:after { right: 100%; }
|
23
|
+
&:before { left: 100%; margin-left: $divider-horizontal-spacing; }
|
24
|
+
&:after { right: 100%; margin-right: $divider-horizontal-spacing; }
|
19
25
|
}
|
20
26
|
}
|
21
27
|
|
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.79
|
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-03-
|
11
|
+
date: 2015-03-07 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: rails
|