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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: cfc99bea4e2f86ba23975f9dc33cf67118aecbdf
4
- data.tar.gz: 9b5192b530e20fbc5470a8236487a9a5d6061711
3
+ metadata.gz: eba6fdde0dfa2c5e9127a34a300ff4d1258ae33f
4
+ data.tar.gz: 29356ffa679b191ec7ae14acf6da7f0a16c5c771
5
5
  SHA512:
6
- metadata.gz: 6dd7a02a8896d0476825d41791f195ed6655db477f7c18fd2967c8321cd28cff43770cd2d3ca11eecef60eb959485d3239bdf1be971ac2ba69a38eff6204a77d
7
- data.tar.gz: 1c2d48418c55ccbce2b5dc38e33551337efddf2a5e8a9a1e78c634fd5559896ab925a01ce567a5ebb639a4cb6db4ab4ab972ab940ed6aed0c34a530030944ffc
6
+ metadata.gz: 079492004693e5b3762e4c396cde2de46cc54a90219a0c927b95e4fbc203ac62ee91ffefb8f58f6aa79ce4e0daab7ba5a08f0c1479c160ec395ec89d060ee8ca
7
+ data.tar.gz: dae116cb3174f353b54511621a28275d203b4e8ec7e5a3a47d1954f1f04d9579536832ef6171a4364ba49c7be7f715b7861d46a669d11981b59cb4547619acc3
@@ -1,3 +1,3 @@
1
1
  module MagicStylez
2
- VERSION = "0.0.0.94"
2
+ VERSION = "0.0.0.95"
3
3
  end
@@ -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-727a9bb732c87741079427834a84cc72.css" media="all" rel="stylesheet" />
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="bBID3VhLq7YRcYb074w7qqFG9NC5fCS535C4l4iZ0FA=" name="csrf-token" />
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-727a9bb732c87741079427834a84cc72.css" media="all" rel="stylesheet" />
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="bBID3VhLq7YRcYb074w7qqFG9NC5fCS535C4l4iZ0FA=" name="csrf-token" />
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-727a9bb732c87741079427834a84cc72.css" media="all" rel="stylesheet" />
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="bBID3VhLq7YRcYb074w7qqFG9NC5fCS535C4l4iZ0FA=" name="csrf-token" />
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-727a9bb732c87741079427834a84cc72.css" media="all" rel="stylesheet" />
10
- <script src="//berlinmagic.github.io/magic_stylez/assets/application-7d9d0b70cd22772641fc6b95468c1bb0.js"></script>
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="bBID3VhLq7YRcYb074w7qqFG9NC5fCS535C4l4iZ0FA=" name="csrf-token" />
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-727a9bb732c87741079427834a84cc72.css" media="all" rel="stylesheet" />
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="bBID3VhLq7YRcYb074w7qqFG9NC5fCS535C4l4iZ0FA=" name="csrf-token" />
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-727a9bb732c87741079427834a84cc72.css" media="all" rel="stylesheet" />
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="bBID3VhLq7YRcYb074w7qqFG9NC5fCS535C4l4iZ0FA=" name="csrf-token" />
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
- @include box-shadow (inset 0 1px 1px 0 rgba(51,102,153,0.4));
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
 
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: magic_stylez
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.0.94
4
+ version: 0.0.0.95
5
5
  platform: ruby
6
6
  authors:
7
7
  - Torsten Wetzel