magic_stylez 0.0.0.94 → 0.0.0.95
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/dots.jst.eco +23 -2
- 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/helper/_dots.scss +33 -2
- metadata +1 -1
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: eba6fdde0dfa2c5e9127a34a300ff4d1258ae33f
|
4
|
+
data.tar.gz: 29356ffa679b191ec7ae14acf6da7f0a16c5c771
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 079492004693e5b3762e4c396cde2de46cc54a90219a0c927b95e4fbc203ac62ee91ffefb8f58f6aa79ce4e0daab7ba5a08f0c1479c160ec395ec89d060ee8ca
|
7
|
+
data.tar.gz: dae116cb3174f353b54511621a28275d203b4e8ec7e5a3a47d1954f1f04d9579536832ef6171a4364ba49c7be7f715b7861d46a669d11981b59cb4547619acc3
|
data/lib/magic_stylez/version.rb
CHANGED
@@ -49,7 +49,7 @@
|
|
49
49
|
<div class="row">
|
50
50
|
<% for x in [1,2,3,4]: %>
|
51
51
|
<div class="col-sm-3">
|
52
|
-
<div class="number_dot"><%= x %></div>
|
52
|
+
<div class="number_dot<%= if x == 3 then " dot-blank" else "" %><%= if x == 4 then " dot-blank-soft" else "" %>"><%= x %></div>
|
53
53
|
</div>
|
54
54
|
<% end %>
|
55
55
|
</div>
|
@@ -65,7 +65,7 @@
|
|
65
65
|
|
66
66
|
<div class="row">
|
67
67
|
<% for x, i in ["xs", "sm", "", "lg", "xl", "xxl"]: %>
|
68
|
-
<div class="col-sm-2">
|
68
|
+
<div class="col-xs-4 col-sm-3 col-md-2">
|
69
69
|
<div class="number_dot dot-brand<%= if x != "" then " dot-#{x}" else "" %>"><%= i + 1 %></div>
|
70
70
|
<div class="clearfix"></div>
|
71
71
|
<p><%= if x != "" then ".dot-#{x}" else "" %></p>
|
@@ -85,6 +85,27 @@
|
|
85
85
|
<p>.dot-<%= x %></p>
|
86
86
|
</div>
|
87
87
|
<% end %>
|
88
|
+
<div class="clearfix"></div>
|
89
|
+
<hr/>
|
90
|
+
<p class="loud">plus <code>.dot-blank</code></p>
|
91
|
+
<% for x, i in ["default", "success", "info", "warning", "danger", "brand", "one", "two", "three", "facebook", "google", "twitter", "paypal"]: %>
|
92
|
+
<div class="col-sm-2">
|
93
|
+
<div class="number_dot dot-lg dot-<%= x %> dot-blank"><%= i + 1 %></div>
|
94
|
+
<div class="clearfix"></div>
|
95
|
+
<p>.dot-<%= x %></p>
|
96
|
+
</div>
|
97
|
+
<% end %>
|
98
|
+
<div class="clearfix"></div>
|
99
|
+
<hr/>
|
100
|
+
<p class="loud">plus <code>.dot-blank-soft</code></p>
|
101
|
+
<% for x, i in ["default", "success", "info", "warning", "danger", "brand", "one", "two", "three", "facebook", "google", "twitter", "paypal"]: %>
|
102
|
+
<div class="col-sm-2">
|
103
|
+
<div class="number_dot dot-lg dot-<%= x %> dot-blank-soft"><%= i + 1 %></div>
|
104
|
+
<div class="clearfix"></div>
|
105
|
+
<p>.dot-<%= x %></p>
|
106
|
+
</div>
|
107
|
+
<% end %>
|
108
|
+
<div class="clearfix"></div>
|
88
109
|
</div>
|
89
110
|
|
90
111
|
|
@@ -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-cdd140f98a577becdc1400a4276cc273.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="odrujiK0ty22t6LApEKLVlMsNnMSX5jQabSlnSKMY9k=" 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-cdd140f98a577becdc1400a4276cc273.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="odrujiK0ty22t6LApEKLVlMsNnMSX5jQabSlnSKMY9k=" 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-cdd140f98a577becdc1400a4276cc273.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="odrujiK0ty22t6LApEKLVlMsNnMSX5jQabSlnSKMY9k=" 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-cdd140f98a577becdc1400a4276cc273.css" media="all" rel="stylesheet" />
|
10
|
+
<script src="//berlinmagic.github.io/magic_stylez/assets/application-5ab091918b2f0ad270212fccb5026cf6.js"></script>
|
11
11
|
<meta content="authenticity_token" name="csrf-param" />
|
12
|
-
<meta content="
|
12
|
+
<meta content="odrujiK0ty22t6LApEKLVlMsNnMSX5jQabSlnSKMY9k=" 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><a class="app_lnk lst_lnk" data-target="content/inputs" href="#">Inputs</a></li>
|
51
51
|
<li><a class="app_lnk lst_lnk" data-target="content/labels" href="#">Labels</a></li>
|
52
52
|
<li><a class="app_lnk lst_lnk" data-target="content/pictures" href="#">Pictures</a></li>
|
53
|
+
<li><a class="app_lnk lst_lnk" data-target="content/tables" href="#">Tables</a></li>
|
53
54
|
</ul>
|
54
55
|
</li>
|
55
56
|
<li><a class="lst_lnk" href="#">Effects</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-cdd140f98a577becdc1400a4276cc273.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="odrujiK0ty22t6LApEKLVlMsNnMSX5jQabSlnSKMY9k=" 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-cdd140f98a577becdc1400a4276cc273.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="odrujiK0ty22t6LApEKLVlMsNnMSX5jQabSlnSKMY9k=" 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 = {};
|
@@ -12,7 +12,7 @@
|
|
12
12
|
line-height: 36px;
|
13
13
|
text-align: center;
|
14
14
|
@include border-radius( 100px );
|
15
|
-
|
15
|
+
box-shadow: inset 0 1px 1px 0 rgba(51,102,153,0.4);
|
16
16
|
text-shadow: 0 2px rgba(51,102,153,0.4);
|
17
17
|
border: solid 2px #fff;
|
18
18
|
color: #fff;
|
@@ -21,7 +21,21 @@
|
|
21
21
|
font-weight: 800;
|
22
22
|
margin: 0 auto $general-vertical-spacing-half;
|
23
23
|
|
24
|
-
|
24
|
+
&.dot-blank {
|
25
|
+
background-color: transparent;
|
26
|
+
color: $pink;
|
27
|
+
border-color: $pink;
|
28
|
+
text-shadow: none;
|
29
|
+
box-shadow: none;
|
30
|
+
}
|
31
|
+
|
32
|
+
&.dot-blank-soft {
|
33
|
+
background-color: transparent;
|
34
|
+
color: $pink;
|
35
|
+
border-color: transparentize($pink, .58);
|
36
|
+
text-shadow: none;
|
37
|
+
box-shadow: none;
|
38
|
+
}
|
25
39
|
|
26
40
|
|
27
41
|
&.sm {
|
@@ -31,6 +45,7 @@
|
|
31
45
|
border: solid 1px #fff;
|
32
46
|
font-size: 18px;
|
33
47
|
margin: 0 5px 0 0;
|
48
|
+
text-shadow: none;
|
34
49
|
}
|
35
50
|
|
36
51
|
&.dot-xs {
|
@@ -38,12 +53,14 @@
|
|
38
53
|
line-height: 18px;
|
39
54
|
border-width: 1px;
|
40
55
|
font-size: 14px;
|
56
|
+
text-shadow: none;
|
41
57
|
}
|
42
58
|
&.dot-sm {
|
43
59
|
height: 30px; width: 30px;
|
44
60
|
line-height: 26px;
|
45
61
|
border-width: 1px;
|
46
62
|
font-size: 18px;
|
63
|
+
text-shadow: none;
|
47
64
|
}
|
48
65
|
|
49
66
|
&.dot-lg {
|
@@ -75,8 +92,22 @@
|
|
75
92
|
background-color: map-get($appColorz, btn-#{$current-color}-bg);
|
76
93
|
color: map-get($appColorz, btn-#{$current-color}-color);
|
77
94
|
border-color: map-get($appColorz, btn-#{$current-color}-border);
|
95
|
+
&.dot-blank {
|
96
|
+
background-color: transparent;
|
97
|
+
color: map-get($appColorz, btn-#{$current-color}-bg);
|
98
|
+
border-color: map-get($appColorz, btn-#{$current-color}-border);
|
99
|
+
}
|
100
|
+
&.dot-blank-soft {
|
101
|
+
background-color: transparent;
|
102
|
+
color: map-get($appColorz, btn-#{$current-color}-bg);
|
103
|
+
border-color: transparentize(map-get($appColorz, btn-#{$current-color}-border), .58);
|
104
|
+
}
|
78
105
|
}
|
79
106
|
}
|
107
|
+
&.dot-default {
|
108
|
+
&.dot-blank { color: map-get($appColorz, btn-default-color); }
|
109
|
+
&.dot-blank-soft { color: map-get($appColorz, btn-default-color); }
|
110
|
+
}
|
80
111
|
}
|
81
112
|
|
82
113
|
|