magic_stylez 0.0.0.29 → 0.0.0.30
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/three_previews.jst.eco +1 -1
- data/test/dummy/app/assets/javascripts/views/layout/layout_table.jst.eco +132 -0
- data/test/dummy/app/assets/stylesheets/corporate/_colors.scss +3 -0
- data/test/dummy/app/views/front/_aside.html.erb +1 -1
- data/test/dummy/public/html/fixed-header.html +6 -5
- data/test/dummy/public/html/index.html +23 -21
- data/test/dummy/public/html/responsive-slidebar.html +5 -3
- data/vendor/assets/stylesheets/corporate/_colors.scss +3 -0
- data/vendor/assets/stylesheets/magic/content/_buttons.scss +4 -0
- data/vendor/assets/stylesheets/magic/layout/_fullpage_table.scss +1 -1
- data/vendor/assets/stylesheets/magic/lists/_nav.scss +7 -4
- metadata +3 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 7bb07dab4f321dad4861dacf317409d943d0f6b4
|
|
4
|
+
data.tar.gz: a83087948db88c202b592a268ecc49fb678798ee
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 1dfbbaa40d5a6364d9353959ffcf3dcfe62fc6a9fb11da9b7cde8c7d5ef783741058ad20a3e9af9ae8ee1041b2758e87fb163e345f1c6513a4b3ba5092c89ef5
|
|
7
|
+
data.tar.gz: 3c9a43c6e853a1cd83589ad526736ce4f58c40e6006ff055ac49a9143383428870055f3f78df3aa044180133a41a369706c375c1850ed1f539fa595243a53eaa
|
data/lib/magic_stylez/version.rb
CHANGED
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
<div class="section shine-top">
|
|
35
35
|
<div class="corset">
|
|
36
36
|
<ul class="arrows">
|
|
37
|
-
<li>Needs surrounding <em>.section.flat-bottom</em></li>
|
|
37
|
+
<li>Needs surrounding <em>.section.flat-bottom</em> and <em>.corset.tight</em></li>
|
|
38
38
|
<li>Next .section should have class <em>.hard-top</em> or <em>.shine-top</em></li>
|
|
39
39
|
<li>All Images should have the same dimensions</li>
|
|
40
40
|
</ul>
|
|
@@ -0,0 +1,132 @@
|
|
|
1
|
+
<div class="section head">
|
|
2
|
+
<div class="corset">
|
|
3
|
+
<h1>Layout Table</h1>
|
|
4
|
+
</div>
|
|
5
|
+
</div>
|
|
6
|
+
|
|
7
|
+
<div class="section">
|
|
8
|
+
<div class="corset">
|
|
9
|
+
|
|
10
|
+
<div class="layout-table middled">
|
|
11
|
+
<div class="cell col-5">
|
|
12
|
+
<span class="loud">.layout-table.middled > .cell</span>
|
|
13
|
+
</div>
|
|
14
|
+
<div class="cell col-7">
|
|
15
|
+
<div class="box">
|
|
16
|
+
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.
|
|
17
|
+
</div>
|
|
18
|
+
</div>
|
|
19
|
+
</div>
|
|
20
|
+
|
|
21
|
+
</div>
|
|
22
|
+
</div>
|
|
23
|
+
|
|
24
|
+
<div class="section">
|
|
25
|
+
<div class="corset">
|
|
26
|
+
|
|
27
|
+
<div class="layout-table grid">
|
|
28
|
+
<div class="cell col-5">
|
|
29
|
+
<div class="pic">
|
|
30
|
+
<img src="<%= assetPath("magic/bgs/rain-flower.jpg") %>" />
|
|
31
|
+
</div>
|
|
32
|
+
</div>
|
|
33
|
+
<div class="cell col-7 top">
|
|
34
|
+
<span class="loud">.layout-table > .cell.top</span>
|
|
35
|
+
<br/>
|
|
36
|
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
|
37
|
+
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
|
|
38
|
+
nisi ut aliquip ex ea commodo consequat.
|
|
39
|
+
</div>
|
|
40
|
+
</div>
|
|
41
|
+
|
|
42
|
+
</div>
|
|
43
|
+
</div>
|
|
44
|
+
|
|
45
|
+
<div class="section">
|
|
46
|
+
<div class="corset">
|
|
47
|
+
|
|
48
|
+
<div class="layout-table grid">
|
|
49
|
+
<div class="cell col-7 middle">
|
|
50
|
+
<span class="loud">.layout-table > .cell.middle</span>
|
|
51
|
+
<br/>
|
|
52
|
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
|
53
|
+
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
|
|
54
|
+
nisi ut aliquip ex ea commodo consequat.
|
|
55
|
+
</div>
|
|
56
|
+
<div class="cell col-5">
|
|
57
|
+
<div class="pic">
|
|
58
|
+
<img src="<%= assetPath("magic/bgs/seucide.jpg") %>" />
|
|
59
|
+
</div>
|
|
60
|
+
</div>
|
|
61
|
+
</div>
|
|
62
|
+
|
|
63
|
+
</div>
|
|
64
|
+
</div>
|
|
65
|
+
|
|
66
|
+
<div class="section">
|
|
67
|
+
<div class="corset">
|
|
68
|
+
|
|
69
|
+
<div class="layout-table grid">
|
|
70
|
+
<div class="cell col-5">
|
|
71
|
+
<div class="pic">
|
|
72
|
+
<img src="<%= assetPath("magic/bgs/rain-flower.jpg") %>" />
|
|
73
|
+
</div>
|
|
74
|
+
</div>
|
|
75
|
+
<div class="cell col-7 bottom">
|
|
76
|
+
<span class="loud">.layout-table > .cell.bottom</span>
|
|
77
|
+
<br/>
|
|
78
|
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
|
79
|
+
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
|
|
80
|
+
nisi ut aliquip ex ea commodo consequat.
|
|
81
|
+
</div>
|
|
82
|
+
</div>
|
|
83
|
+
|
|
84
|
+
</div>
|
|
85
|
+
</div>
|
|
86
|
+
|
|
87
|
+
|
|
88
|
+
<div class="section shine-top">
|
|
89
|
+
<div class="corset">
|
|
90
|
+
<h2>Usage</h2>
|
|
91
|
+
<pre><code> <div class="layout-table middled"><br/> <div class="cell col-5"><br/> ...<br/> </div><br/> <div class="cell col-7"><br/> ...<br/> </div><br/> </div></code></pre>
|
|
92
|
+
|
|
93
|
+
<pre><code> <div class="layout-table grid"><br/> <div class="cell col-4"><br/> ...<br/> </div><br/> <div class="cell col-8 bottom"><br/> ...<br/> </div><br/> </div></code></pre>
|
|
94
|
+
</div>
|
|
95
|
+
</div>
|
|
96
|
+
|
|
97
|
+
<div class="section shine-top">
|
|
98
|
+
<div class="corset">
|
|
99
|
+
<div class="divider">
|
|
100
|
+
<span>with .grid</span>
|
|
101
|
+
</div>
|
|
102
|
+
<div class="layout-table grid">
|
|
103
|
+
<div class="cell col-6">
|
|
104
|
+
<span class="loud">.layout-table.grid > .cell</span>
|
|
105
|
+
<br/>
|
|
106
|
+
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.
|
|
107
|
+
</div>
|
|
108
|
+
<div class="cell col-6">
|
|
109
|
+
<span class="loud">.layout-table.grid > .cell</span>
|
|
110
|
+
<br/>
|
|
111
|
+
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.
|
|
112
|
+
</div>
|
|
113
|
+
</div>
|
|
114
|
+
<div class="divider">
|
|
115
|
+
<span>without .grid</span>
|
|
116
|
+
</div>
|
|
117
|
+
<div class="layout-table">
|
|
118
|
+
<div class="cell col-6">
|
|
119
|
+
<span class="loud">.layout-table > .cell</span>
|
|
120
|
+
<br/>
|
|
121
|
+
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.
|
|
122
|
+
</div>
|
|
123
|
+
<div class="cell col-6">
|
|
124
|
+
<span class="loud">.layout-table > .cell</span>
|
|
125
|
+
<br/>
|
|
126
|
+
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.
|
|
127
|
+
</div>
|
|
128
|
+
</div>
|
|
129
|
+
|
|
130
|
+
</div>
|
|
131
|
+
</div>
|
|
132
|
+
|
|
@@ -119,6 +119,9 @@ $btn-danger-border: darken($btn-danger-bg, 5%) !default;
|
|
|
119
119
|
|
|
120
120
|
$btn-link-disabled-color: $gray-light !default;
|
|
121
121
|
|
|
122
|
+
$btn-brand-color: #fff !default;
|
|
123
|
+
$btn-brand-bg: $brand-color !default;
|
|
124
|
+
$btn-brand-border: darken($btn-brand-bg, 5%) !default;
|
|
122
125
|
|
|
123
126
|
// -------------------------
|
|
124
127
|
// Social Buttons
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
<ul class="sub_nav">
|
|
19
19
|
<% sub.each do |lnk, path| %>
|
|
20
20
|
<% unless Rails.env.production? && %w(reflections slide_boxes).include?( lnk.to_s ) %>
|
|
21
|
-
<li><%= link_to lnk, "#", class: "app_lnk lst_lnk", data: {target: path} %></li>
|
|
21
|
+
<li><%= link_to lnk.titleize, "#", class: "app_lnk lst_lnk", data: {target: path} %></li>
|
|
22
22
|
<% end %>
|
|
23
23
|
<% end %>
|
|
24
24
|
</ul>
|
|
@@ -3,10 +3,10 @@
|
|
|
3
3
|
<html>
|
|
4
4
|
<head>
|
|
5
5
|
<title>Magic-Stylez</title>
|
|
6
|
-
<link href="//berlinmagic.github.io/magic_stylez/assets/application-
|
|
6
|
+
<link href="//berlinmagic.github.io/magic_stylez/assets/application-58ad1086b64ca5afd61e962435ac36d2.css" media="all" rel="stylesheet" />
|
|
7
7
|
<script src="//berlinmagic.github.io/magic_stylez/assets/blank-dabc2fee75a487407fe0cb5afbceec09.js"></script>
|
|
8
8
|
<meta content="authenticity_token" name="csrf-param" />
|
|
9
|
-
<meta content="
|
|
9
|
+
<meta content="lgSrG2m3gF9v1O//XECZSXNvp2itbddXVUEFOTcaqP8=" 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 = {};
|
|
@@ -52,16 +52,17 @@
|
|
|
52
52
|
|
|
53
53
|
<div class="main_content fixed-nav-xl">
|
|
54
54
|
|
|
55
|
-
|
|
56
55
|
<div class="section brand">
|
|
57
56
|
<div class="corset">
|
|
58
57
|
<h1>usual twbs header plus some improvements</h1>
|
|
59
58
|
<br/>
|
|
60
59
|
<p class="loud">just niced up button alignment (no <em>.navbar-btn</em> needed) .. add sizes: <em>.navbar-xs, .navbar-sm, .navbar-lg, .navbar-xl</em></p>
|
|
61
|
-
|
|
60
|
+
<br/>
|
|
61
|
+
<h4>dependency:</h4>
|
|
62
|
+
<code>@import "magic/content/navbar";</code>
|
|
62
63
|
</div>
|
|
63
64
|
</div>
|
|
64
|
-
|
|
65
|
+
|
|
65
66
|
|
|
66
67
|
|
|
67
68
|
<div class="section">
|
|
@@ -3,10 +3,10 @@
|
|
|
3
3
|
<html>
|
|
4
4
|
<head>
|
|
5
5
|
<title>Magic-Stylez</title>
|
|
6
|
-
<link href="//berlinmagic.github.io/magic_stylez/assets/application-
|
|
7
|
-
<script src="//berlinmagic.github.io/magic_stylez/assets/application-
|
|
6
|
+
<link href="//berlinmagic.github.io/magic_stylez/assets/application-58ad1086b64ca5afd61e962435ac36d2.css" media="all" rel="stylesheet" />
|
|
7
|
+
<script src="//berlinmagic.github.io/magic_stylez/assets/application-0547456de3a89110139953040d9ef66b.js"></script>
|
|
8
8
|
<meta content="authenticity_token" name="csrf-param" />
|
|
9
|
-
<meta content="
|
|
9
|
+
<meta content="lgSrG2m3gF9v1O//XECZSXNvp2itbddXVUEFOTcaqP8=" 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 = {};
|
|
@@ -20,48 +20,50 @@
|
|
|
20
20
|
<li class="current active"><a class="app_lnk lst_lnk" data-target="" href="#">Magic-Stylez</a></li>
|
|
21
21
|
<li><a class="lst_lnk" href="#">Content</a>
|
|
22
22
|
<ul class="sub_nav">
|
|
23
|
-
<li><a class="app_lnk lst_lnk" data-target="content/box" href="#">
|
|
23
|
+
<li><a class="app_lnk lst_lnk" data-target="content/box" href="#">Box</a></li>
|
|
24
|
+
<li><a class="app_lnk lst_lnk" data-target="content/buttons" href="#">Buttons</a></li>
|
|
25
|
+
<li><a class="app_lnk lst_lnk" data-target="content/forms" href="#">Forms</a></li>
|
|
26
|
+
<li><a class="app_lnk lst_lnk" data-target="content/inputs" href="#">Inputs</a></li>
|
|
24
27
|
</ul>
|
|
25
28
|
</li>
|
|
26
29
|
<li><a class="lst_lnk" href="#">Effects</a>
|
|
27
30
|
<ul class="sub_nav">
|
|
28
|
-
<li><a class="app_lnk lst_lnk" data-target="effects/shadows" href="#">
|
|
31
|
+
<li><a class="app_lnk lst_lnk" data-target="effects/shadows" href="#">Shadows</a></li>
|
|
29
32
|
</ul>
|
|
30
33
|
</li>
|
|
31
34
|
<li><a class="lst_lnk" href="#">Elements</a>
|
|
32
35
|
<ul class="sub_nav">
|
|
33
|
-
<li><a class="app_lnk lst_lnk" data-target="elements/
|
|
34
|
-
<li><a class="app_lnk lst_lnk" data-target="elements/circle_diagram" href="#">circle_diagram</a></li>
|
|
35
|
-
<li><a class="app_lnk lst_lnk" data-target="elements/inputs" href="#">inputs</a></li>
|
|
36
|
+
<li><a class="app_lnk lst_lnk" data-target="elements/circle_diagram" href="#">Circle Diagram</a></li>
|
|
36
37
|
</ul>
|
|
37
38
|
</li>
|
|
38
39
|
<li><a class="lst_lnk" href="#">Helper</a>
|
|
39
40
|
<ul class="sub_nav">
|
|
40
|
-
<li><a class="app_lnk lst_lnk" data-target="helper/arrow_infos" href="#">
|
|
41
|
-
<li><a class="app_lnk lst_lnk" data-target="helper/crossed_text" href="#">
|
|
42
|
-
<li><a class="app_lnk lst_lnk" data-target="helper/divider" href="#">
|
|
43
|
-
<li><a class="app_lnk lst_lnk" data-target="helper/three_previews" href="#">
|
|
41
|
+
<li><a class="app_lnk lst_lnk" data-target="helper/arrow_infos" href="#">Arrow Infos</a></li>
|
|
42
|
+
<li><a class="app_lnk lst_lnk" data-target="helper/crossed_text" href="#">Crossed Text</a></li>
|
|
43
|
+
<li><a class="app_lnk lst_lnk" data-target="helper/divider" href="#">Divider</a></li>
|
|
44
|
+
<li><a class="app_lnk lst_lnk" data-target="helper/three_previews" href="#">Three Previews</a></li>
|
|
44
45
|
</ul>
|
|
45
46
|
</li>
|
|
46
47
|
<li><a class="lst_lnk" href="#">Icons</a>
|
|
47
48
|
<ul class="sub_nav">
|
|
48
|
-
<li><a class="app_lnk lst_lnk" data-target="icons/glyphicons" href="#">
|
|
49
|
-
<li><a class="app_lnk lst_lnk" data-target="icons/icomoon" href="#">
|
|
50
|
-
<li><a class="app_lnk lst_lnk" data-target="icons/magicons" href="#">
|
|
51
|
-
<li><a class="app_lnk lst_lnk" data-target="icons/olicons" href="#">
|
|
49
|
+
<li><a class="app_lnk lst_lnk" data-target="icons/glyphicons" href="#">Glyphicons</a></li>
|
|
50
|
+
<li><a class="app_lnk lst_lnk" data-target="icons/icomoon" href="#">Icomoon</a></li>
|
|
51
|
+
<li><a class="app_lnk lst_lnk" data-target="icons/magicons" href="#">Magicons</a></li>
|
|
52
|
+
<li><a class="app_lnk lst_lnk" data-target="icons/olicons" href="#">Olicons</a></li>
|
|
52
53
|
</ul>
|
|
53
54
|
</li>
|
|
54
55
|
<li><a class="lst_lnk" href="#">Layout</a>
|
|
55
56
|
<ul class="sub_nav">
|
|
56
|
-
<li><a class="app_lnk lst_lnk" data-target="layout/corset" href="#">
|
|
57
|
-
<li><a class="app_lnk lst_lnk" data-target="layout/fullpage_table" href="#">
|
|
58
|
-
<li><a class="app_lnk lst_lnk" data-target="layout/
|
|
57
|
+
<li><a class="app_lnk lst_lnk" data-target="layout/corset" href="#">Corset</a></li>
|
|
58
|
+
<li><a class="app_lnk lst_lnk" data-target="layout/fullpage_table" href="#">Fullpage Table</a></li>
|
|
59
|
+
<li><a class="app_lnk lst_lnk" data-target="layout/layout_table" href="#">Layout Table</a></li>
|
|
60
|
+
<li><a class="app_lnk lst_lnk" data-target="layout/section" href="#">Section</a></li>
|
|
59
61
|
</ul>
|
|
60
62
|
</li>
|
|
61
63
|
<li><a class="lst_lnk" href="#">Templates</a>
|
|
62
64
|
<ul class="sub_nav">
|
|
63
|
-
<li><a class="app_lnk lst_lnk" data-target="templates/fixed_header" href="#">
|
|
64
|
-
<li><a class="app_lnk lst_lnk" data-target="templates/responsive_slidebar" href="#">
|
|
65
|
+
<li><a class="app_lnk lst_lnk" data-target="templates/fixed_header" href="#">Fixed Header</a></li>
|
|
66
|
+
<li><a class="app_lnk lst_lnk" data-target="templates/responsive_slidebar" href="#">Responsive Slidebar</a></li>
|
|
65
67
|
</ul>
|
|
66
68
|
</li>
|
|
67
69
|
</ul>
|
|
@@ -3,10 +3,10 @@
|
|
|
3
3
|
<html>
|
|
4
4
|
<head>
|
|
5
5
|
<title>Magic-Stylez</title>
|
|
6
|
-
<link href="//berlinmagic.github.io/magic_stylez/assets/application-
|
|
6
|
+
<link href="//berlinmagic.github.io/magic_stylez/assets/application-58ad1086b64ca5afd61e962435ac36d2.css" media="all" rel="stylesheet" />
|
|
7
7
|
<script src="//berlinmagic.github.io/magic_stylez/assets/blank-dabc2fee75a487407fe0cb5afbceec09.js"></script>
|
|
8
8
|
<meta content="authenticity_token" name="csrf-param" />
|
|
9
|
-
<meta content="
|
|
9
|
+
<meta content="lgSrG2m3gF9v1O//XECZSXNvp2itbddXVUEFOTcaqP8=" 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 = {};
|
|
@@ -53,7 +53,6 @@
|
|
|
53
53
|
|
|
54
54
|
<div class="main_content fixed-nav">
|
|
55
55
|
|
|
56
|
-
|
|
57
56
|
<div class="section brand">
|
|
58
57
|
<div class="corset">
|
|
59
58
|
<h1>Responsive Slidebar</h1>
|
|
@@ -62,6 +61,9 @@
|
|
|
62
61
|
Turns the usual twbs <em>navbar-collapse</em> into a nice slidebar. .. try it out:<br/>
|
|
63
62
|
make your screen smaller than 768px and press the header-toggle
|
|
64
63
|
</p>
|
|
64
|
+
<br/>
|
|
65
|
+
<h4>dependency:</h4>
|
|
66
|
+
<code>@import "magic/content/navbar";</code>
|
|
65
67
|
</div>
|
|
66
68
|
</div>
|
|
67
69
|
|
|
@@ -119,6 +119,9 @@ $btn-danger-border: darken($btn-danger-bg, 5%) !default;
|
|
|
119
119
|
|
|
120
120
|
$btn-link-disabled-color: $gray-light !default;
|
|
121
121
|
|
|
122
|
+
$btn-brand-color: #fff !default;
|
|
123
|
+
$btn-brand-bg: $brand-color !default;
|
|
124
|
+
$btn-brand-border: darken($btn-brand-bg, 5%) !default;
|
|
122
125
|
|
|
123
126
|
// -------------------------
|
|
124
127
|
// Social Buttons
|
|
@@ -144,6 +144,10 @@ $paypal-nice-bottom: darken(#1784cb, 5%);
|
|
|
144
144
|
@include btn-variant($btn-danger-color, $btn-danger-bg, $btn-danger-border);
|
|
145
145
|
}
|
|
146
146
|
|
|
147
|
+
.btn-brand {
|
|
148
|
+
@include btn-variant($btn-brand-color, $btn-brand-bg, $btn-brand-border);
|
|
149
|
+
}
|
|
150
|
+
|
|
147
151
|
|
|
148
152
|
// Socials
|
|
149
153
|
.btn-facebook {
|
|
@@ -61,12 +61,12 @@
|
|
|
61
61
|
&:before {
|
|
62
62
|
top: -10px; left: -10px; right: -10px;
|
|
63
63
|
height: 8px;
|
|
64
|
-
@include box-shadow( 0
|
|
64
|
+
@include box-shadow( 0 3px 10px 0 rgba(0,0,0,.35));
|
|
65
65
|
}
|
|
66
66
|
&:after {
|
|
67
67
|
bottom: -10px; left: -10px; right: -10px;
|
|
68
68
|
height: 8px;
|
|
69
|
-
@include box-shadow( 0 -
|
|
69
|
+
@include box-shadow( 0 -3px 10px 0 rgba(0,0,0,.30));
|
|
70
70
|
}
|
|
71
71
|
// ####
|
|
72
72
|
|
|
@@ -78,6 +78,8 @@
|
|
|
78
78
|
line-height: 20px;
|
|
79
79
|
font-size: 14px;
|
|
80
80
|
|
|
81
|
+
background: $gray-softer;
|
|
82
|
+
|
|
81
83
|
// background: transparent; color: $gray;
|
|
82
84
|
|
|
83
85
|
}
|
|
@@ -120,11 +122,11 @@
|
|
|
120
122
|
|
|
121
123
|
.sub_nav li {
|
|
122
124
|
&.current > a {
|
|
123
|
-
background: $gray-
|
|
125
|
+
background: $gray-soft;
|
|
124
126
|
}
|
|
125
127
|
&.active > a {
|
|
126
128
|
color: $blue-light;
|
|
127
|
-
background: $gray-
|
|
129
|
+
background: $gray-soft;
|
|
128
130
|
}
|
|
129
131
|
}
|
|
130
132
|
|
|
@@ -153,6 +155,7 @@
|
|
|
153
155
|
a:hover, span:hover {
|
|
154
156
|
color: $blue !important;
|
|
155
157
|
// background: $gray-softer;
|
|
158
|
+
background: $gray-soft;
|
|
156
159
|
}
|
|
157
160
|
& > .sub_nav { display: block; }
|
|
158
161
|
}
|
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.
|
|
4
|
+
version: 0.0.0.30
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Torsten Wetzel
|
|
@@ -235,6 +235,7 @@ files:
|
|
|
235
235
|
- test/dummy/app/assets/javascripts/views/icons/olicons.jst.eco
|
|
236
236
|
- test/dummy/app/assets/javascripts/views/layout/corset.jst.eco
|
|
237
237
|
- test/dummy/app/assets/javascripts/views/layout/fullpage_table.jst.eco
|
|
238
|
+
- test/dummy/app/assets/javascripts/views/layout/layout_table.jst.eco
|
|
238
239
|
- test/dummy/app/assets/javascripts/views/layout/section.jst.eco
|
|
239
240
|
- test/dummy/app/assets/javascripts/views/layout/slide_boxes.jst.eco
|
|
240
241
|
- test/dummy/app/assets/javascripts/views/templates/fixed_header.jst.eco
|
|
@@ -437,6 +438,7 @@ test_files:
|
|
|
437
438
|
- test/dummy/app/assets/javascripts/views/icons/olicons.jst.eco
|
|
438
439
|
- test/dummy/app/assets/javascripts/views/layout/corset.jst.eco
|
|
439
440
|
- test/dummy/app/assets/javascripts/views/layout/fullpage_table.jst.eco
|
|
441
|
+
- test/dummy/app/assets/javascripts/views/layout/layout_table.jst.eco
|
|
440
442
|
- test/dummy/app/assets/javascripts/views/layout/section.jst.eco
|
|
441
443
|
- test/dummy/app/assets/javascripts/views/layout/slide_boxes.jst.eco
|
|
442
444
|
- test/dummy/app/assets/javascripts/views/templates/fixed_header.jst.eco
|