magic_stylez 0.0.0.37 → 0.0.0.38

Sign up to get free protection for your applications and to get access to all the features.
Files changed (19) hide show
  1. checksums.yaml +4 -4
  2. data/lib/magic_stylez/version.rb +1 -1
  3. data/test/dummy/app/assets/javascripts/app.js.coffee +5 -1
  4. data/test/dummy/app/assets/javascripts/blank.js.coffee +4 -0
  5. data/test/dummy/app/assets/stylesheets/corporate/_variables.scss +17 -9
  6. data/test/dummy/app/views/templates/aside-nav.html.erb +26 -7
  7. data/test/dummy/app/views/templates/fixed-header.html.erb +2 -2
  8. data/test/dummy/app/views/templates/responsive-slidebar.html.erb +2 -2
  9. data/test/dummy/public/html/aside-nav.html +29 -10
  10. data/test/dummy/public/html/fixed-header.html +5 -5
  11. data/test/dummy/public/html/index.html +3 -3
  12. data/test/dummy/public/html/responsive-slidebar.html +5 -5
  13. data/vendor/assets/stylesheets/corporate/_variables.scss +17 -9
  14. data/vendor/assets/stylesheets/magic/content/_aside_nav.scss +1 -1
  15. data/vendor/assets/stylesheets/magic/content/_banner.scss +1 -1
  16. data/vendor/assets/stylesheets/magic/content/_box.scss +1 -1
  17. data/vendor/assets/stylesheets/magic/content/_notice.scss +37 -5
  18. data/vendor/assets/stylesheets/magic/helper/_arrow_hints.scss +9 -2
  19. metadata +1 -1
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: b8f9284ecc90df3548387988c83d49d0fc75e40d
4
- data.tar.gz: be61780840cbd81c2aa1d31078bae4f5121e2841
3
+ metadata.gz: be9b29ed9df9144b715585f01f725375988bfe05
4
+ data.tar.gz: 0b20f9cf5dc79f9c144b33e57e2ab82389479557
5
5
  SHA512:
6
- metadata.gz: 3251bb7e692fd1cb8eb62e3e344dd9cf6a110b83022d804eaa80a98b74febda9d79beb0b9330a71a34fbeff933cd313e50631dcda7b188ffbade32fab624613c
7
- data.tar.gz: 0ee4d9aca8d539fde8b1b9fbb42f63fcac009f3e28d44b792741387ef80e026041b4ba0bb6aef51ed8ceabb47463a55afe797dbcaf035a9bf35fe9ba33097d0d
6
+ metadata.gz: 074b5d93e8a929d3648fe56a6cca054c9a106e1a90e7ab6116a6e09594f1e7195176061cde06fd073bbbee710f1b0c4d05a3abfa553f8b49fa88f1941c3ed153
7
+ data.tar.gz: 227a362eb1fe2ee89852755c5ac7792ffd419feb4f0791d1fb49b49e71edc9505d2de4afc86e7db046c63f27fb51207bbc349a903f964079ab112ea6874cf9bd
data/lib/magic_stylez/version.rb CHANGED
@@ -1,3 +1,3 @@
1
1
  module MagicStylez
2
- VERSION = "0.0.0.37"
2
+ VERSION = "0.0.0.38"
3
3
  end
data/test/dummy/app/assets/javascripts/app.js.coffee CHANGED
@@ -37,7 +37,11 @@ navigate = ->
37
37
  $ ->
38
38
 
39
39
  $("body").on "click", ".hide_da_notice", ->
40
- $("body").removeClass("with_important_notice")
40
+ $("body").toggleClass("with_important_notice")
41
+ false
42
+
43
+ $("body").on "click", ".get_some_borders", ->
44
+ $("#nav-aside").toggleClass("bordered")
41
45
  false
42
46
 
43
47
  $("body").on "click", ".lst_lnk", ->
data/test/dummy/app/assets/javascripts/blank.js.coffee CHANGED
@@ -17,4 +17,8 @@ $ ->
17
17
 
18
18
  $("body").on "click", ".hide_da_notice", ->
19
19
  $("body").toggleClass("with_important_notice")
20
+ false
21
+
22
+ $("body").on "click", ".get_some_borders", ->
23
+ $("#nav-aside").toggleClass("bordered")
20
24
  false
data/test/dummy/app/assets/stylesheets/corporate/_variables.scss CHANGED
@@ -134,15 +134,16 @@ $input-height-xs: (floor($font-size-small * $line-height-small) +
134
134
  //
135
135
  // Note: These variables are not generated into the Customizer.
136
136
 
137
- $zindex-navbar: 1000 !default;
138
- $zindex-dropdown: 1000 !default;
139
- $zindex-popover: 1060 !default;
140
- $zindex-tooltip: 1070 !default;
141
- $zindex-navbar-fixed: 1030 !default;
142
- $zindex-aside-nav: 1030 !default;
143
- $zindex-important-notice: 1020 !default;
144
- $zindex-modal-background: 1040 !default;
145
- $zindex-modal: 1050 !default;
137
+ $zindex-navbar: 1000 !default;
138
+ $zindex-dropdown: 1000 !default;
139
+ $zindex-popover: 1060 !default;
140
+ $zindex-tooltip: 1070 !default;
141
+ $zindex-navbar-fixed: 1030 !default;
142
+ $zindex-aside-nav: 1030 !default;
143
+ $zindex-important-notice: 1020 !default;
144
+ $zindex-application-notice: 1030 !default;
145
+ $zindex-modal-background: 1040 !default;
146
+ $zindex-modal: 1050 !default;
146
147
 
147
148
 
148
149
  //== Media queries breakpoints
@@ -221,6 +222,13 @@ $container-lg: $container-large-desktop !default;
221
222
 
222
223
 
223
224
 
225
+ //== Application Notice
226
+ //
227
+ //##
228
+ $application-notice-top: 10px !default;
229
+ $application-notice-gap: 10% !default;
230
+
231
+
224
232
  //== Important Notice
225
233
  //
226
234
  //##
data/test/dummy/app/views/templates/aside-nav.html.erb CHANGED
@@ -1,12 +1,12 @@
1
1
  <body class="with_aside_nav with_important_notice fixed-nav-lg">
2
2
 
3
- <div class="important_notice development">
3
+ <div class="important_notice warning">
4
4
  <div class="row">
5
5
  <div class="col-xs-2" style="font-size: 24px;">
6
6
  <i class="magicons-info-round"></i>
7
7
  </div>
8
8
  <div class="col-xs-8">
9
- Diese Seite ist nur eine Demo, bitte nutzen Sie:&nbsp; <a href="http://berlinmagic.github.io/magic_stylez/">magic_stylez</a>
9
+ Example pictures from:&nbsp; <a href="http://lorempixel.com/" target="_blank">lorempixel.com</a>
10
10
  </div>
11
11
  <div class="col-xs-2" style="font-size: 24px;">
12
12
  <i class="magicons-info-round"></i>
@@ -89,17 +89,35 @@
89
89
 
90
90
  <div class="banner-content">
91
91
  <div class="corset">
92
- <p class="loud">This is a fullpage-table, it allways uses fullpage-height<br/>(if content fits in).</p>
92
+ <br/>
93
+ <div class="box blur">
94
+ <table class="name">
95
+ <tr>
96
+ <th>body &nbsp;</th>
97
+ <td>with_aside_nav with_important_notice fixed-nav-lg</td>
98
+ </tr>
99
+ <tr>
100
+ <th>navbar &nbsp;</th>
101
+ <td>navbar navbar-default navbar-fixed-top navbar-lg navbar-slidebar</td>
102
+ </tr>
103
+ </table>
104
+ </div>
93
105
  </div>
94
106
  </div>
95
107
 
96
108
  <div class="banner-footer" id="sign_up_banner">
97
109
  <div class="corset">
98
110
  <div class="row">
99
- <div class="col-sm-4 col-sm-offset-4">
111
+ <div class="col-sm-4 col-sm-offset-1">
112
+ <!--<a href="#" class="btn btn-success btn-block btn-lg">Sign up now</a>-->
113
+ <button class="btn btn-success btn-block help_arrow hide_da_notice" data-text="Hide notice!">
114
+ toggle Notice
115
+ </button>
116
+ </div>
117
+ <div class="col-sm-4 col-sm-offset-2">
100
118
  <!--<a href="#" class="btn btn-success btn-block btn-lg">Sign up now</a>-->
101
- <button class="btn btn-success btn-block help_arrow hide_da_notice" data-text="Turn off notice!">
102
- Click Me
119
+ <button class="btn btn-default btn-block help_arrow get_some_borders" data-text="click!">
120
+ toggle Borders
103
121
  </button>
104
122
  </div>
105
123
  </div>
@@ -127,7 +145,8 @@
127
145
  </p>
128
146
  <br/>
129
147
  <h4>dependency:</h4>
130
- <code>@import "magic/content/navbar";</code>
148
+ <code>@import "magic/content/aside_nav";</code>
149
+ <code>@import "magic/content/notice";</code>
131
150
  </div>
132
151
  </div>
133
152
 
data/test/dummy/app/views/templates/fixed-header.html.erb CHANGED
@@ -1,4 +1,4 @@
1
- <body class="blank">
1
+ <body class="blank fixed-nav-xl">
2
2
  <div id="fixed_nav" class="navbar navbar-default navbar-fixed-top navbar-xl" role="navigation">
3
3
  <div class="corset">
4
4
 
@@ -36,7 +36,7 @@
36
36
  </div>
37
37
  </div>
38
38
 
39
- <div class="main_content fixed-nav-xl">
39
+ <div class="main_content">
40
40
 
41
41
  <div class="section brand">
42
42
  <div class="corset">
data/test/dummy/app/views/templates/responsive-slidebar.html.erb CHANGED
@@ -1,4 +1,4 @@
1
- <body class="blank">
1
+ <body class="blank fixed-nav">
2
2
  <div id="fixed_nav" class="navbar navbar-default navbar-fixed-top navbar-slidebar" role="navigation">
3
3
  <div class="corset">
4
4
 
@@ -37,7 +37,7 @@
37
37
  </div>
38
38
  </div>
39
39
 
40
- <div class="main_content fixed-nav">
40
+ <div class="main_content">
41
41
 
42
42
  <div class="section brand">
43
43
  <div class="corset">
data/test/dummy/public/html/aside-nav.html CHANGED
@@ -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-f918aae554a8856b66a0c2ecbe9563ab.css" media="all" rel="stylesheet" />
7
- <script src="//berlinmagic.github.io/magic_stylez/assets/blank-e24761c35145d776b425c86f5e799ba6.js"></script>
6
+ <link href="//berlinmagic.github.io/magic_stylez/assets/application-b72fe1051681a937aafe9876d39c2931.css" media="all" rel="stylesheet" />
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="mJIIBfIfZTs56CNC/8lLMT6TO6QpJFB2BDO1030Bluc=" name="csrf-token" />
9
+ <meta content="np9TPQsTBDVuI8AF+Hbq21wsoWKESwSOuZ1vhUSMyJ8=" 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 = {};
@@ -15,13 +15,13 @@
15
15
  </head>
16
16
  <body class="with_aside_nav with_important_notice fixed-nav-lg">
17
17
 
18
- <div class="important_notice development">
18
+ <div class="important_notice warning">
19
19
  <div class="row">
20
20
  <div class="col-xs-2" style="font-size: 24px;">
21
21
  <i class="magicons-info-round"></i>
22
22
  </div>
23
23
  <div class="col-xs-8">
24
- Diese Seite ist nur eine Demo, bitte nutzen Sie:&nbsp; <a href="http://berlinmagic.github.io/magic_stylez/">magic_stylez</a>
24
+ Example pictures from:&nbsp; <a href="http://lorempixel.com/" target="_blank">lorempixel.com</a>
25
25
  </div>
26
26
  <div class="col-xs-2" style="font-size: 24px;">
27
27
  <i class="magicons-info-round"></i>
@@ -103,17 +103,35 @@
103
103
 
104
104
  <div class="banner-content">
105
105
  <div class="corset">
106
- <p class="loud">This is a fullpage-table, it allways uses fullpage-height<br/>(if content fits in).</p>
106
+ <br/>
107
+ <div class="box blur">
108
+ <table class="name">
109
+ <tr>
110
+ <th>body &nbsp;</th>
111
+ <td>with_aside_nav with_important_notice fixed-nav-lg</td>
112
+ </tr>
113
+ <tr>
114
+ <th>navbar &nbsp;</th>
115
+ <td>navbar navbar-default navbar-fixed-top navbar-lg navbar-slidebar</td>
116
+ </tr>
117
+ </table>
118
+ </div>
107
119
  </div>
108
120
  </div>
109
121
 
110
122
  <div class="banner-footer" id="sign_up_banner">
111
123
  <div class="corset">
112
124
  <div class="row">
113
- <div class="col-sm-4 col-sm-offset-4">
125
+ <div class="col-sm-4 col-sm-offset-1">
126
+ <!--<a href="#" class="btn btn-success btn-block btn-lg">Sign up now</a>-->
127
+ <button class="btn btn-success btn-block help_arrow hide_da_notice" data-text="Hide notice!">
128
+ toggle Notice
129
+ </button>
130
+ </div>
131
+ <div class="col-sm-4 col-sm-offset-2">
114
132
  <!--<a href="#" class="btn btn-success btn-block btn-lg">Sign up now</a>-->
115
- <button class="btn btn-success btn-block help_arrow hide_da_notice" data-text="Turn off notice!">
116
- Click Me
133
+ <button class="btn btn-default btn-block help_arrow get_some_borders" data-text="click!">
134
+ toggle Borders
117
135
  </button>
118
136
  </div>
119
137
  </div>
@@ -141,7 +159,8 @@
141
159
  </p>
142
160
  <br/>
143
161
  <h4>dependency:</h4>
144
- <code>@import "magic/content/navbar";</code>
162
+ <code>@import "magic/content/aside_nav";</code>
163
+ <code>@import "magic/content/notice";</code>
145
164
  </div>
146
165
  </div>
147
166
 
data/test/dummy/public/html/fixed-header.html CHANGED
@@ -3,17 +3,17 @@
3
3
  <html>
4
4
  <head>
5
5
  <title>Magic-Stylez</title>
6
- <link href="//berlinmagic.github.io/magic_stylez/assets/application-f918aae554a8856b66a0c2ecbe9563ab.css" media="all" rel="stylesheet" />
7
- <script src="//berlinmagic.github.io/magic_stylez/assets/blank-e24761c35145d776b425c86f5e799ba6.js"></script>
6
+ <link href="//berlinmagic.github.io/magic_stylez/assets/application-b72fe1051681a937aafe9876d39c2931.css" media="all" rel="stylesheet" />
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="mJIIBfIfZTs56CNC/8lLMT6TO6QpJFB2BDO1030Bluc=" name="csrf-token" />
9
+ <meta content="np9TPQsTBDVuI8AF+Hbq21wsoWKESwSOuZ1vhUSMyJ8=" 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 = {};
13
13
  App.Environment = "production";
14
14
  </script>
15
15
  </head>
16
- <body class="blank">
16
+ <body class="blank fixed-nav-xl">
17
17
  <div id="fixed_nav" class="navbar navbar-default navbar-fixed-top navbar-xl" role="navigation">
18
18
  <div class="corset">
19
19
 
@@ -50,7 +50,7 @@
50
50
  </div>
51
51
  </div>
52
52
 
53
- <div class="main_content fixed-nav-xl">
53
+ <div class="main_content">
54
54
 
55
55
  <div class="section brand">
56
56
  <div class="corset">
data/test/dummy/public/html/index.html CHANGED
@@ -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-f918aae554a8856b66a0c2ecbe9563ab.css" media="all" rel="stylesheet" />
7
- <script src="//berlinmagic.github.io/magic_stylez/assets/application-a07afe5044cb917746751dbde81cd1ea.js"></script>
6
+ <link href="//berlinmagic.github.io/magic_stylez/assets/application-b72fe1051681a937aafe9876d39c2931.css" media="all" rel="stylesheet" />
7
+ <script src="//berlinmagic.github.io/magic_stylez/assets/application-f8e24da1b7862782058945952a287b69.js"></script>
8
8
  <meta content="authenticity_token" name="csrf-param" />
9
- <meta content="mJIIBfIfZTs56CNC/8lLMT6TO6QpJFB2BDO1030Bluc=" name="csrf-token" />
9
+ <meta content="np9TPQsTBDVuI8AF+Hbq21wsoWKESwSOuZ1vhUSMyJ8=" 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 = {};
data/test/dummy/public/html/responsive-slidebar.html CHANGED
@@ -3,17 +3,17 @@
3
3
  <html>
4
4
  <head>
5
5
  <title>Magic-Stylez</title>
6
- <link href="//berlinmagic.github.io/magic_stylez/assets/application-f918aae554a8856b66a0c2ecbe9563ab.css" media="all" rel="stylesheet" />
7
- <script src="//berlinmagic.github.io/magic_stylez/assets/blank-e24761c35145d776b425c86f5e799ba6.js"></script>
6
+ <link href="//berlinmagic.github.io/magic_stylez/assets/application-b72fe1051681a937aafe9876d39c2931.css" media="all" rel="stylesheet" />
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="mJIIBfIfZTs56CNC/8lLMT6TO6QpJFB2BDO1030Bluc=" name="csrf-token" />
9
+ <meta content="np9TPQsTBDVuI8AF+Hbq21wsoWKESwSOuZ1vhUSMyJ8=" 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 = {};
13
13
  App.Environment = "production";
14
14
  </script>
15
15
  </head>
16
- <body class="blank">
16
+ <body class="blank fixed-nav">
17
17
  <div id="fixed_nav" class="navbar navbar-default navbar-fixed-top navbar-slidebar" role="navigation">
18
18
  <div class="corset">
19
19
 
@@ -51,7 +51,7 @@
51
51
  </div>
52
52
  </div>
53
53
 
54
- <div class="main_content fixed-nav">
54
+ <div class="main_content">
55
55
 
56
56
  <div class="section brand">
57
57
  <div class="corset">
data/vendor/assets/stylesheets/corporate/_variables.scss CHANGED
@@ -134,15 +134,16 @@ $input-height-xs: (floor($font-size-small * $line-height-small) +
134
134
  //
135
135
  // Note: These variables are not generated into the Customizer.
136
136
 
137
- $zindex-navbar: 1000 !default;
138
- $zindex-dropdown: 1000 !default;
139
- $zindex-popover: 1060 !default;
140
- $zindex-tooltip: 1070 !default;
141
- $zindex-navbar-fixed: 1030 !default;
142
- $zindex-aside-nav: 1030 !default;
143
- $zindex-important-notice: 1020 !default;
144
- $zindex-modal-background: 1040 !default;
145
- $zindex-modal: 1050 !default;
137
+ $zindex-navbar: 1000 !default;
138
+ $zindex-dropdown: 1000 !default;
139
+ $zindex-popover: 1060 !default;
140
+ $zindex-tooltip: 1070 !default;
141
+ $zindex-navbar-fixed: 1030 !default;
142
+ $zindex-aside-nav: 1030 !default;
143
+ $zindex-important-notice: 1020 !default;
144
+ $zindex-application-notice: 1030 !default;
145
+ $zindex-modal-background: 1040 !default;
146
+ $zindex-modal: 1050 !default;
146
147
 
147
148
 
148
149
  //== Media queries breakpoints
@@ -221,6 +222,13 @@ $container-lg: $container-large-desktop !default;
221
222
 
222
223
 
223
224
 
225
+ //== Application Notice
226
+ //
227
+ //##
228
+ $application-notice-top: 10px !default;
229
+ $application-notice-gap: 10% !default;
230
+
231
+
224
232
  //== Important Notice
225
233
  //
226
234
  //##
data/vendor/assets/stylesheets/magic/content/_aside_nav.scss CHANGED
@@ -113,7 +113,7 @@
113
113
  &.with_aside_nav {
114
114
  padding-left: 50px;
115
115
 
116
- #flash_msg { margin-left: 50px; }
116
+ .application_notice { margin-left: 50px; }
117
117
  .fixed-top, .navbar-fixed-top { left: 50px; }
118
118
 
119
119
  &.aside_next_header {
data/vendor/assets/stylesheets/magic/content/_banner.scss CHANGED
@@ -11,7 +11,7 @@
11
11
  }
12
12
 
13
13
  .banner-box.responsive-hero {
14
- padding: 10px;
14
+ padding: 0;
15
15
  & > .corset, & > .container {
16
16
  padding-top: 20px; padding-bottom: 20px;
17
17
  &.compact { padding-top: 0; padding-bottom: 0; }
data/vendor/assets/stylesheets/magic/content/_box.scss CHANGED
@@ -13,7 +13,7 @@
13
13
  &.shadow { @include box-shadow( 0 3px 3px 0 rgba(0, 0, 0, 0.20) ); }
14
14
  &.left-pic { padding-left: 110px; }
15
15
  &.no-press { margin: 0; }
16
-
16
+ &.blur { background: rgba(255,255,255,.42); }
17
17
 
18
18
  & > .pic {
19
19
  margin: 0 10px 0 -100px;
data/vendor/assets/stylesheets/magic/content/_notice.scss CHANGED
@@ -1,3 +1,4 @@
1
+ // Important Notice shown on top of page
1
2
  .important_notice {
2
3
  display: block; position: fixed;
3
4
  top: $important-notice-top; bottom: $important-notice-bottom;
@@ -27,17 +28,48 @@
27
28
  }
28
29
  }
29
30
 
31
+ // Important Notice shown on top of page
32
+ .application_notice {
33
+ position: fixed;
34
+ top: $application-notice-top; left: $application-notice-gap; right: $application-notice-gap;
35
+ z-index: $zindex-application-notice;
36
+ }
37
+
38
+
30
39
  body, #body, #container, .main-content, .main_content {
31
40
 
41
+ &.fixed-nav-xs { .application_notice { top: $application-notice-top + $navbar-height-xs; } }
42
+ &.fixed-nav-sm { .application_notice { top: $application-notice-top + $navbar-height-sm; } }
43
+ &.fixed-nav { .application_notice { top: $application-notice-top + $navbar-height; } }
44
+ &.fixed-nav-lg { .application_notice { top: $application-notice-top + $navbar-height-lg; } }
45
+ &.fixed-nav-xl { .application_notice { top: $application-notice-top + $navbar-height-xl; } }
46
+
32
47
  &.with_important_notice {
33
48
 
34
49
  padding-top: $important-notice-height;
35
50
 
36
- &.fixed-nav-xs { padding-top: $important-notice-height + $navbar-height-xs; }
37
- &.fixed-nav-sm { padding-top: $important-notice-height + $navbar-height-sm; }
38
- &.fixed-nav { padding-top: $important-notice-height + $navbar-height; }
39
- &.fixed-nav-lg { padding-top: $important-notice-height + $navbar-height-lg; }
40
- &.fixed-nav-xl { padding-top: $important-notice-height + $navbar-height-xl; }
51
+ .application_notice { top: $application-notice-top + $important-notice-height; }
52
+
53
+ &.fixed-nav-xs {
54
+ padding-top: $important-notice-height + $navbar-height-xs;
55
+ .application_notice { top: $application-notice-top + $important-notice-height + $navbar-height-xs; }
56
+ }
57
+ &.fixed-nav-sm {
58
+ padding-top: $important-notice-height + $navbar-height-sm;
59
+ .application_notice { top: $application-notice-top + $important-notice-height + $navbar-height-sm; }
60
+ }
61
+ &.fixed-nav {
62
+ padding-top: $important-notice-height + $navbar-height;
63
+ .application_notice { top: $application-notice-top + $important-notice-height + $navbar-height; }
64
+ }
65
+ &.fixed-nav-lg {
66
+ padding-top: $important-notice-height + $navbar-height-lg;
67
+ .application_notice { top: $application-notice-top + $important-notice-height + $navbar-height-lg; }
68
+ }
69
+ &.fixed-nav-xl {
70
+ padding-top: $important-notice-height + $navbar-height-xl;
71
+ .application_notice { top: $application-notice-top + $important-notice-height + $navbar-height-xl; }
72
+ }
41
73
 
42
74
  .fixed-top, .navbar-fixed-top { top: $important-notice-height; }
43
75
 
data/vendor/assets/stylesheets/magic/helper/_arrow_hints.scss CHANGED
@@ -6,7 +6,7 @@
6
6
  @include handWrittenFont;
7
7
  }
8
8
  &:before {
9
- display: block; position: absolute; content: "";
9
+ display: none; position: absolute; content: "";
10
10
  padding: 0;
11
11
  width: 50px; height: 50px;
12
12
  bottom: 100%; left: 50%;
@@ -16,7 +16,7 @@
16
16
  @include rotation(-53);
17
17
  }
18
18
  &:after {
19
- display: block; position: absolute; content: attr(data-text);
19
+ display: none; position: absolute; content: attr(data-text);
20
20
  padding: 0;
21
21
  height: 30px; line-height: 30px;
22
22
  bottom: 100%; left: 50%;
@@ -25,4 +25,11 @@
25
25
  font-size: 28px; font-weight: 300;
26
26
  text-shadow: 0 1px 1px #000;
27
27
  }
28
+ }
29
+
30
+ @include responsiveStep-sm {
31
+ .help_arrow {
32
+ &:before { display: block; }
33
+ &:after { display: block; }
34
+ }
28
35
  }
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.37
4
+ version: 0.0.0.38
5
5
  platform: ruby
6
6
  authors:
7
7
  - Torsten Wetzel