magic_stylez 0.0.0.94 → 0.0.0.95
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/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
|
|