magic_stylez 0.0.0.37 → 0.0.0.38

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.
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