magic_stylez 0.0.0.54 → 0.0.0.55

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 (28) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +5 -0
  3. data/lib/magic_stylez/version.rb +1 -1
  4. data/test/dummy/app/assets/javascripts/app.js.coffee +5 -0
  5. data/test/dummy/app/assets/javascripts/views/app/start.jst.eco +21 -2
  6. data/test/dummy/app/assets/stylesheets/application.css.scss +63 -13
  7. data/test/dummy/app/assets/stylesheets/corporate/_colors.scss +1 -1
  8. data/test/dummy/app/assets/stylesheets/corporate/_fonts.scss +83 -122
  9. data/test/dummy/app/views/front/start.html.erb +10 -2
  10. data/test/dummy/app/views/layouts/application.html.erb +17 -0
  11. data/test/dummy/app/views/layouts/blank.html.erb +1 -0
  12. data/test/dummy/public/html/aside-nav.html +3 -2
  13. data/test/dummy/public/html/fixed-header.html +3 -2
  14. data/test/dummy/public/html/fixed-subnav.html +3 -2
  15. data/test/dummy/public/html/index.html +28 -5
  16. data/test/dummy/public/html/slidebar-header.html +3 -2
  17. data/test/dummy/public/html/slidebar-subnav.html +3 -2
  18. data/vendor/assets/stylesheets/corporate/_colors.scss +1 -1
  19. data/vendor/assets/stylesheets/corporate/_fonts.scss +83 -122
  20. data/vendor/assets/stylesheets/magic/helper/_text.scss +68 -0
  21. data/vendor/assets/stylesheets/magic/layout/_section.scss +13 -0
  22. data/vendor/assets/stylesheets/magic/lib/_text.scss +47 -0
  23. data/vendor/assets/stylesheets/magic/lib/_twbs.scss +0 -1
  24. data/vendor/assets/stylesheets/magic-min.scss +3 -0
  25. data/vendor/assets/stylesheets/magic-stylez.scss +3 -0
  26. metadata +3 -5
  27. data/test/dummy/app/assets/stylesheets/corporate/_typo.scss +0 -85
  28. data/vendor/assets/stylesheets/corporate/_typo.scss +0 -85
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 21cba213972647075b904d9059c4216ba230472d
4
- data.tar.gz: ff89e9d7274ee5fc26bc7994c28f7970a8b578af
3
+ metadata.gz: 5c37b2b4c964bd60532d73de7d9612720c3f4c73
4
+ data.tar.gz: 06b874af648d1d469235c4303c2d217b38c3a42f
5
5
  SHA512:
6
- metadata.gz: f36afcfb4340b2d746efbafb521119ae1454cad7b3ecb693e30a6218fd498a0ee8dbfae8773237ad3e4479ac7aa62ec9ac3fbb874e55a92092ddd6f4a19af4e2
7
- data.tar.gz: dc23a895eb46417e5aa5875972bcd0ce03303045a597dc18b32837952ce5c38190658d782b679ba7683fa16aa54ef334f2ae4255fdafe749d094244e8a677f3a
6
+ metadata.gz: 69a3816d91757d2d492ee4cbf1b69a0fc6be162c0d5a2f740076915d53d05678960d3c13c8ebc14d8590eb296f04655e0eef6755c9d02c03091039e4605d56e2
7
+ data.tar.gz: c1251269fe2fd600835bfdc6082a4bc56f951f71479e6f8f0aae3d928a9c4135848d8d16c1df0a2dbcf97a5428935fb97abf51c0a154fea4dbc22a81eec53748
data/README.md CHANGED
@@ -44,6 +44,11 @@
44
44
  $ rails g magic_stylez:update
45
45
  ```
46
46
 
47
+ #### Changes when update to <small>0.0.0.55</small>:</h4>
48
+ - *corporate/typo* is removed!
49
+ - *corporate/fonts* doesn't contain css anymore, just variables
50
+ With Version **0.0.0.55** I merged *corporate/typo* into *corporate/fonts* (they where so similar). I also removed all css from *corporate/fonts*, because it causes trouble with update generator (and also is not a variable).
51
+
47
52
 
48
53
 
49
54
  ### Thanks
@@ -1,3 +1,3 @@
1
1
  module MagicStylez
2
- VERSION = "0.0.0.54"
2
+ VERSION = "0.0.0.55"
3
3
  end
@@ -29,12 +29,17 @@ navigate = ->
29
29
  else
30
30
  nul.closest("li").addClass("current")
31
31
  lnk.addClass("active")
32
+ $("body").removeClass("aside-on")
32
33
  loadCircles()
34
+ $("#current-view-name").text( lnk.text() )
33
35
  currentPath = path
34
36
 
35
37
 
36
38
 
37
39
  $ ->
40
+ $("body").on "click", "#mobile_header", ->
41
+ $("body").toggleClass("aside-on")
42
+ false
38
43
 
39
44
  $("body").on "click", ".hide_da_notice", ->
40
45
  $("body").toggleClass("with_important_notice")
@@ -1,10 +1,10 @@
1
1
  <div class="section head">
2
2
  <div class="corset">
3
3
  <div class="row">
4
- <div class="col-sm-9">
4
+ <div class="col-sm-9 col-xs-6">
5
5
  <h1>magic-stylez</h1>
6
6
  </div>
7
- <div class="col-sm-3">
7
+ <div class="col-sm-3 col-xs-6">
8
8
  <a href="https://github.com/berlinmagic/magic_stylez/tree/master" target="_blank" class="btn btn-sm btn-default btn-divided pull-right">
9
9
  <span class="icn"><i class="icomoon-github3"></i></span>
10
10
  <span>SourceCode</span>
@@ -65,6 +65,25 @@ CSS:
65
65
  </div>
66
66
  </div>
67
67
 
68
+ <div class="section hard-top">
69
+ <div class="corset tight">
70
+ <h2 class="loud">NEW*</h2>
71
+ <hr/>
72
+ <p class="highlight"><i class="olicons-hide-filter"></i> magic-styles update generator</p>
73
+ <p class="loud"><i class="olicons-hide-filter"></i> in the process I often add new variables to the corporate files</p>
74
+ <p class="loud"><i class="olicons-hide-filter"></i> what causes "Missing variable!" when you update to new version</p>
75
+ <p class="loud"><i class="olicons-hide-filter"></i> this generator adds all new variables without touching your settings</p>
76
+ <pre><code>$ rails g magic_stylez:update</code></pre>
77
+ <br/>
78
+ <br/>
79
+ <h4>Changes when update to <small>0.0.0.55</small>:</h4>
80
+ <ul>
81
+ <li><em>corporate/typo</em> is removed!</li>
82
+ <li><em>corporate/fonts</em> doesn't contain css, just variables</li>
83
+ </ul>
84
+ <p>With Version <strong>0.0.0.55</strong> I merged <em>corporate/typo</em> into <em>corporate/fonts</em> (they where so similar). I also removed all css from <em>corporate/fonts</em>, because it causes trouble with update generator (and also is not a variable).</p>
85
+ </div>
86
+ </div>
68
87
 
69
88
  <div class="section hard-top">
70
89
  <div class="corset tight">
@@ -10,7 +10,7 @@ body {
10
10
  background: #fff;
11
11
  }
12
12
  &.main_template {
13
- padding: 0 0 0 220px;
13
+ padding: 40px 0 0 0;
14
14
  }
15
15
  }
16
16
 
@@ -29,6 +29,66 @@ body {
29
29
 
30
30
  }
31
31
 
32
+
33
+ #aside {
34
+ // @mixin single_shine( $color, $times: 3, $position: right, $width: 5px, $blur: 5px, $size: 0, $corner: 100 )
35
+ display: block; position: fixed;
36
+ top: 40px; right: auto; bottom: 0; left: 0;
37
+ width: 220px;
38
+ z-index: 99999;
39
+ background: #e5e5e5;
40
+ // box-shadow: inset -2px 0 3px 0 #000;
41
+ border-right: solid 1px #ccc;
42
+ overflow-y: scroll;
43
+ .btn { width: 90%; margin: 0 auto; }
44
+ @include transform( translateZ( 0 ) );
45
+ @include transform( translateX( -222px ) );
46
+ @include transition (all 0.5s ease-in-out);
47
+ }
48
+
49
+
50
+
51
+ #mobile_header {
52
+ position: fixed;
53
+ top: 0; right: 0; left: 0;
54
+ height: 40px; line-height: 40px;
55
+ z-index: 999999;
56
+ @include linear-gradient( #222, #111 );
57
+ color: #ccc;
58
+ text-shadow: 0 1px 1px #000;
59
+ i, i:before { font-size: 24px; line-height: 40px;}
60
+ text-decoration: none;
61
+ }
62
+
63
+ body.aside-on {
64
+ #aside { @include transform( translateX( 0 ) ); }
65
+ #mobile_header { color: #069; }
66
+ }
67
+
68
+
69
+ @include responsiveStep-sm {
70
+
71
+ body {
72
+ &.main_template {
73
+ padding: 0 0 0 220px;
74
+ }
75
+ }
76
+
77
+ #aside {
78
+ @include single_shine( rgba(0,0,0,.23), 1, right, 10px );
79
+ display: block; position: fixed;
80
+ top: 0;
81
+ @include transform( translateX( 0 ) );
82
+ }
83
+
84
+ #mobile_header {
85
+ display: none;
86
+ }
87
+ }
88
+
89
+
90
+
91
+
32
92
  .check_switch {
33
93
  display: block; position: relative; margin: 0; padding: 0;
34
94
  margin: 7px 0 0 7px;
@@ -105,18 +165,8 @@ body {
105
165
  }
106
166
 
107
167
 
108
- #aside {
109
- // @mixin single_shine( $color, $times: 3, $position: right, $width: 5px, $blur: 5px, $size: 0, $corner: 100 )
110
- @include single_shine( rgba(0,0,0,.23), 1, right, 10px );
111
- display: block; position: fixed;
112
- top: 0; right: auto; bottom: 0; left: 0;
113
- width: 220px;
114
- z-index: 99;
115
- // box-shadow: inset -2px 0 3px 0 #000;
116
- border-right: solid 1px #ccc;
117
- overflow-y: scroll;
118
- .btn { width: 90%; margin: 0 auto; }
119
- }
168
+
169
+
120
170
 
121
171
  ul.list {
122
172
  display: block; position: relative;
@@ -84,7 +84,7 @@ $link-color: $brand-primary !default;
84
84
  //** Link hover color set via `darken()` function.
85
85
  $link-hover-color: darken($link-color, 15%) !default;
86
86
 
87
-
87
+ $headings-color: inherit !default;
88
88
 
89
89
 
90
90
 
@@ -1,159 +1,120 @@
1
1
  //
2
2
  // Magic-Stylez - Fonts
3
3
  //
4
- // if you like to change values, remove the '!default' flag!
5
4
  //
5
+ // webfonts
6
6
  //
7
- // F O N T S
7
+ // goolge
8
+ // $magicSans: "Open Sans", $sansFontFamily;
9
+ // $magicCondensedSans: "Open Sans Condensed", $sansFontFamily;
10
+ // $magicHandwritten: 'Satisfy', cursive;
8
11
  //
9
-
10
- $sansFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
11
- $serifFontFamily: Georgia, "Times New Roman", Times, serif !default;
12
- $monoFontFamily: Monaco, Menlo, Consolas, "Courier New", monospace !default;
13
-
12
+ // typekit (Adobe)
13
+ // $magicSans: "Montserrat", $sansFontFamily;
14
+ // $magicCondensedSans: "Lato", $sansFontFamily;
15
+ // $magicHandwritten: "ff-market-web", cursive;
14
16
 
15
17
  //
16
- // webfonts
18
+ // F O N T S
17
19
  //
20
+ $sansFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
21
+ $serifFontFamily: Georgia, "Times New Roman", Times, serif !default;
22
+ $monoFontFamily: Monaco, Menlo, Consolas, "Courier New", monospace !default;
18
23
 
19
- // goolge
20
- // $magicSans: "Open Sans", $sansFontFamily;
21
- // $magicCondensedSans: "Open Sans Condensed", $sansFontFamily;
22
- // $magicHandwritten: 'Satisfy', cursive;
24
+ $magicSans: $sansFontFamily !default;
25
+ $magicCondensedSans: $sansFontFamily !default;
26
+ $magicHandwritten: 'Gloria Hallelujah', cursive !default;
23
27
 
24
- // typekit (Adobe)
25
- // $magicSans: "Montserrat", $sansFontFamily;
26
- // $magicCondensedSans: "Lato", $sansFontFamily;
27
- // $magicHandwritten: "ff-market-web", cursive;
28
-
29
- $magicSans: $sansFontFamily;
30
- $magicCondensedSans: $sansFontFamily;
31
- $magicHandwritten: 'Gloria Hallelujah', cursive;
32
-
33
-
34
-
35
-
36
- // Open Sans
37
- .sans {
38
- font-family: $magicSans;
39
- font-weight: 400;
40
- &.thin, .thin { font-weight: 300; }
41
- &.regular, .regular { font-weight: 400; }
42
- &.sbold, .sbold { font-weight: 600; }
43
- &.bold, .bold { font-weight: 700; }
44
- &.ebold, .ebold { font-weight: 800; }
45
- }
46
- @mixin sansThin {
47
- // font-family: 'Open Sans', sans-serif;
48
- font-family: $magicSans;
49
- font-weight: 300;
50
- }
51
- @mixin sansRegular {
52
- font-family: $magicSans;
53
- font-weight: 400;
54
- }
55
- @mixin sansSemi {
56
- font-family: $magicSans;
57
- font-weight: 600;
58
- }
59
- @mixin sansBold {
60
- font-family: $magicSans;
61
- font-weight: 700;
62
- }
63
-
64
-
65
- // Open Sans Condensed
66
- .sansCondensed {
67
- font-family: $magicCondensedSans;
68
- font-weight: 300;
69
- &.thin, .thin { font-weight: 300; }
70
- &.bold, .bold { font-weight: 700; }
71
- }
72
- @mixin sansCondensedThin {
73
- font-family: $magicCondensedSans;
74
- font-weight: 300;
75
- }
76
- @mixin sansCondensedBold {
77
- font-family: $magicCondensedSans;
78
- font-weight: 700;
79
- }
80
-
81
-
82
- // Specials
83
- .handWrittenFont {
84
- font-family: $magicHandwritten;
85
- font-weight: 400;
86
- }
87
- @mixin handWrittenFont {
88
- font-family: $magicHandwritten;
89
- font-weight: 400;
90
- }
28
+ // variable
29
+ $smallReadFont: $magicCondensedSans !default;
30
+ $readFont: $magicSans !default;
31
+ $bigFont: $magicSans !default;
32
+ $alternateBigFont: $magicSans !default;
33
+ $dekoFont: $magicHandwritten !default;
91
34
 
92
35
 
36
+ $font-family-sans-serif: $readFont !default;
37
+ $font-family-serif: $serifFontFamily !default;
38
+ $font-family-base: $smallReadFont !default;
39
+ $font-family-monospace: $monoFontFamily !default;
40
+ $font-family-handwriten: $magicHandwritten !default;
93
41
 
94
- // variable
95
- $smallReadFont: $magicCondensedSans;
96
- $readFont: $magicSans;
97
- $bigFont: $magicSans;
98
- $alternateBigFont: $magicSans;
99
- $dekoFont: $magicHandwritten;
100
42
 
43
+ // Short-Forms
44
+ $font-family-sans: $font-family-sans-serif !default;
45
+ $font-family-mono: $font-family-monospace !default;
46
+ $font-family-hand: $font-family-handwriten !default;
47
+ $font-family-sm: $smallReadFont !default;
48
+ $font-family-lg: $bigFont !default;
101
49
 
102
- // mixin
103
- @mixin smallReadFont { font-family: $smallReadFont; }
104
- @mixin readFont { font-family: $readFont; }
105
- @mixin bigFont { font-family: $bigFont; }
106
- @mixin alternateBigFont { font-family: $alternateBigFont; }
107
- @mixin dekoFont { font-family: $dekoFont; }
50
+ // $headings-font-family: inherit !default;
51
+ $headings-font-family: $bigFont !default;
108
52
 
109
- .smallReadFont { @include smallReadFont; }
110
- .readFont { @include readFont; }
111
- .bigFont { @include bigFont; }
112
- .alternateBigFont { @include alternateBigFont; }
113
- .dekoFont { @include dekoFont; }
114
53
 
54
+ //
55
+ // F O N T - S I Z E S
56
+ //
57
+ $font-size-base: 15px !default;
58
+ $font-size-large: ceil(($font-size-base * 1.25)) !default; // ~18px
59
+ $font-size-small: ceil(($font-size-base * 0.85)) !default; // ~12px
115
60
 
61
+ $font-size-h1: floor(($font-size-base * 2.6)) !default; // ~36px
62
+ $font-size-h2: floor(($font-size-base * 2.15)) !default; // ~30px
63
+ $font-size-h3: ceil(($font-size-base * 1.7)) !default; // ~24px
64
+ $font-size-h4: ceil(($font-size-base * 1.25)) !default; // ~18px
65
+ $font-size-h5: $font-size-base !default;
66
+ $font-size-h6: ceil(($font-size-base * 0.85)) !default; // ~12px
116
67
 
68
+ $magicDefaultFontSize: 13px !default;
69
+ $magicDefaultLineHight: 18px !default;
117
70
 
71
+ $loud-factor: 1.25 !default;
72
+ $louder-factor: 1.75 !default;
118
73
 
119
74
 
120
75
 
76
+ //
77
+ // L I N E - H E I G H T S
78
+ //
79
+ //** Unit-less `line-height` for use in components like buttons.
80
+ $line-height-base: 1.428571429 !default; // 20/14
81
+ $line-height-large: 1.33 !default;
82
+ $line-height-small: 1.5 !default;
121
83
 
84
+ //** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
85
+ $line-height-computed: floor(($font-size-base * $line-height-base)) !default; // ~20px
86
+ $line-height-computed-lg: floor(($font-size-large * $line-height-large)) !default; // ~20px
87
+ $line-height-computed-sm: floor(($font-size-small * $line-height-small)) !default; // ~20px
88
+ $line-height-computed-xs: floor(($font-size-small * $line-height-small)) !default; // ~20px
89
+ //== Headings
90
+ $headings-line-height: 1.1 !default;
122
91
 
123
92
 
124
- // C S S - F O N T S
125
93
 
126
- @mixin eingabeText { font-family: $lucida-grande; }
94
+ //
95
+ // F O N T - W E I G H T S
96
+ //
97
+ $font-weight-bold: 600 !default;
98
+ $font-weight-thin: 200 !default;
99
+ //== Headings
100
+ $headings-font-weight: 500 !default;
101
+ //== Buttons
102
+ $btn-font-weight: normal !default;
127
103
 
128
- @mixin profileText {
129
- font-family: $lucida-grande;
130
- color: #333;
131
- font-size: 12px;
132
- line-height: 20px;
133
- }
104
+ $magicSans-font-weight-thin: 300 !default;
105
+ $magicSans-font-weight-regular: 400 !default;
106
+ $magicSans-font-weight-semi: 600 !default;
107
+ $magicSans-font-weight-bold: 700 !default;
108
+ $magicSans-font-weight-extra: 800 !default;
134
109
 
135
- @mixin titelText {
136
- @include sansSemi;
137
- font-size: 14px;
138
- line-height: 20px;
139
- }
110
+ $magicCondensedSans-font-weight-thin: 300 !default;
111
+ $magicCondensedSans-font-weight-regular: 400 !default;
112
+ $magicCondensedSans-font-weight-bold: 700 !default;
140
113
 
141
- @mixin subTextSmall {
142
- @include sansRegular;
143
- font-size: 12px;
144
- line-height: 20px;
145
- }
114
+ $magicHandwritten-font-weight: 400 !default;
146
115
 
147
116
 
148
- // ------------------------------- S C H R I F T G R O E S S E N -------------------------------
149
117
 
150
- $magicDefaultFontSize: 13px;
151
- $magicDefaultLineHight: 18px;
152
118
 
153
119
 
154
- @mixin magicDefaultFont {
155
- @include readFont;
156
- font-size: $magicDefaultFontSize;
157
- line-height: $magicDefaultLineHight;
158
- } // ..
159
120
 
@@ -1,10 +1,10 @@
1
1
  <div class="section head">
2
2
  <div class="corset">
3
3
  <div class="row">
4
- <div class="col-sm-9">
4
+ <div class="col-sm-9 col-xs-6">
5
5
  <h1>magic-stylez</h1>
6
6
  </div>
7
- <div class="col-sm-3">
7
+ <div class="col-sm-3 col-xs-6">
8
8
  <a href="https://github.com/berlinmagic/magic_stylez/tree/master" target="_blank" class="btn btn-sm btn-default btn-divided pull-right">
9
9
  <span class="icn"><i class="icomoon-github3"></i></span>
10
10
  <span>SourceCode</span>
@@ -75,6 +75,14 @@ CSS:
75
75
  <p class="loud"><i class="olicons-hide-filter"></i> what causes "Missing variable!" when you update to new version</p>
76
76
  <p class="loud"><i class="olicons-hide-filter"></i> this generator adds all new variables without touching your settings</p>
77
77
  <pre><code>$ rails g magic_stylez:update</code></pre>
78
+ <br/>
79
+ <br/>
80
+ <h4>Changes when update to <small>0.0.0.55</small>:</h4>
81
+ <ul>
82
+ <li><em>corporate/typo</em> is removed!</li>
83
+ <li><em>corporate/fonts</em> doesn't contain css, just variables</li>
84
+ </ul>
85
+ <p>With Version <strong>0.0.0.55</strong> I merged <em>corporate/typo</em> into <em>corporate/fonts</em> (they where so similar). I also removed all css from <em>corporate/fonts</em>, because it causes trouble with update generator (and also is not a variable).</p>
78
86
  </div>
79
87
  </div>
80
88
 
@@ -1,7 +1,13 @@
1
1
  <!DOCTYPE html>
2
2
  <html>
3
3
  <head>
4
+ <meta charset="UTF-8" />
4
5
  <title>Magic-Stylez</title>
6
+ <%# === App-View === #%>
7
+ <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
8
+ <%# === iOS-App-View === #%>
9
+ <meta name="apple-mobile-web-app-capable" content="yes" />
10
+ <meta name="apple-mobile-web-app-status-bar-style" content="black" />
5
11
  <%= stylesheet_link_tag 'application', media: 'all' %>
6
12
  <%= javascript_include_tag 'application' %>
7
13
  <%= csrf_meta_tags %>
@@ -25,6 +31,17 @@
25
31
  </script>
26
32
  </head>
27
33
  <body class="main_template">
34
+ <a href="#" id="mobile_header" class="inline_table center_text">
35
+ <div class="cell icn col-1 middle">
36
+ <i class="olicons-show-sb"></i>
37
+ </div>
38
+ <div class="cell col-10 middle">
39
+ <span id="current-view-name">Magic-Stylez</span>
40
+ </div>
41
+ <div class="cell icn col-1 middle">
42
+ <i class="olicons-show-sb"></i>
43
+ </div>
44
+ </a>
28
45
  <%= render "front/aside" %>
29
46
  <div class="clearfix"></div>
30
47
  <div id="app_content">
@@ -2,6 +2,7 @@
2
2
  <html>
3
3
  <head>
4
4
  <title>Magic-Stylez</title>
5
+ <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
5
6
  <%= stylesheet_link_tag 'application', media: 'all' %>
6
7
  <%= javascript_include_tag 'blank' %>
7
8
  <%= csrf_meta_tags %>
@@ -2,10 +2,11 @@
2
2
  <html>
3
3
  <head>
4
4
  <title>Magic-Stylez</title>
5
- <link href="//berlinmagic.github.io/magic_stylez/assets/application-ef333a7bb827c0fd71107737d7faa101.css" media="all" rel="stylesheet" />
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-12830c6ac7643ebdf44bcc14c1cc31f4.css" media="all" rel="stylesheet" />
6
7
  <script src="//berlinmagic.github.io/magic_stylez/assets/blank-f61f67c5c51c1b2adbcfdfc46056dabb.js"></script>
7
8
  <meta content="authenticity_token" name="csrf-param" />
8
- <meta content="KmqKWQjWhpVkFcmeqxz/68ezzbMF/ggaa7IAMUfgkP0=" name="csrf-token" />
9
+ <meta content="txTtp+28PvfPT1b/DHXUvHmIXVtMBciKw3krvzJZJiM=" name="csrf-token" />
9
10
  <link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah' rel='stylesheet' type='text/css'>
10
11
  <script type="text/javascript" charset="utf-8">
11
12
  App = {};
@@ -2,10 +2,11 @@
2
2
  <html>
3
3
  <head>
4
4
  <title>Magic-Stylez</title>
5
- <link href="//berlinmagic.github.io/magic_stylez/assets/application-ef333a7bb827c0fd71107737d7faa101.css" media="all" rel="stylesheet" />
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-12830c6ac7643ebdf44bcc14c1cc31f4.css" media="all" rel="stylesheet" />
6
7
  <script src="//berlinmagic.github.io/magic_stylez/assets/blank-f61f67c5c51c1b2adbcfdfc46056dabb.js"></script>
7
8
  <meta content="authenticity_token" name="csrf-param" />
8
- <meta content="KmqKWQjWhpVkFcmeqxz/68ezzbMF/ggaa7IAMUfgkP0=" name="csrf-token" />
9
+ <meta content="txTtp+28PvfPT1b/DHXUvHmIXVtMBciKw3krvzJZJiM=" name="csrf-token" />
9
10
  <link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah' rel='stylesheet' type='text/css'>
10
11
  <script type="text/javascript" charset="utf-8">
11
12
  App = {};
@@ -2,10 +2,11 @@
2
2
  <html>
3
3
  <head>
4
4
  <title>Magic-Stylez</title>
5
- <link href="//berlinmagic.github.io/magic_stylez/assets/application-ef333a7bb827c0fd71107737d7faa101.css" media="all" rel="stylesheet" />
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-12830c6ac7643ebdf44bcc14c1cc31f4.css" media="all" rel="stylesheet" />
6
7
  <script src="//berlinmagic.github.io/magic_stylez/assets/blank-f61f67c5c51c1b2adbcfdfc46056dabb.js"></script>
7
8
  <meta content="authenticity_token" name="csrf-param" />
8
- <meta content="KmqKWQjWhpVkFcmeqxz/68ezzbMF/ggaa7IAMUfgkP0=" name="csrf-token" />
9
+ <meta content="txTtp+28PvfPT1b/DHXUvHmIXVtMBciKw3krvzJZJiM=" name="csrf-token" />
9
10
  <link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah' rel='stylesheet' type='text/css'>
10
11
  <script type="text/javascript" charset="utf-8">
11
12
  App = {};
@@ -1,11 +1,15 @@
1
1
  <!DOCTYPE html>
2
2
  <html>
3
3
  <head>
4
+ <meta charset="UTF-8" />
4
5
  <title>Magic-Stylez</title>
5
- <link href="//berlinmagic.github.io/magic_stylez/assets/application-ef333a7bb827c0fd71107737d7faa101.css" media="all" rel="stylesheet" />
6
- <script src="//berlinmagic.github.io/magic_stylez/assets/application-ebb0e3d77a8bf5e1035379b7e53b8023.js"></script>
6
+ <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
7
+ <meta name="apple-mobile-web-app-capable" content="yes" />
8
+ <meta name="apple-mobile-web-app-status-bar-style" content="black" />
9
+ <link href="//berlinmagic.github.io/magic_stylez/assets/application-12830c6ac7643ebdf44bcc14c1cc31f4.css" media="all" rel="stylesheet" />
10
+ <script src="//berlinmagic.github.io/magic_stylez/assets/application-b98c80dd9c6251a3604503083de5ae19.js"></script>
7
11
  <meta content="authenticity_token" name="csrf-param" />
8
- <meta content="KmqKWQjWhpVkFcmeqxz/68ezzbMF/ggaa7IAMUfgkP0=" name="csrf-token" />
12
+ <meta content="txTtp+28PvfPT1b/DHXUvHmIXVtMBciKw3krvzJZJiM=" name="csrf-token" />
9
13
  <link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah' rel='stylesheet' type='text/css'>
10
14
  <link href="//berlinmagic.github.io/magic_stylez/assets/ico/favicon-f1706407301f788c54691b6995f60a8f.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
11
15
  <link href="//berlinmagic.github.io/magic_stylez/assets/ico/favicon-f34b54df445838a4f6bdac98bd904570.png" rel="shortcut icon" type="image/png" />
@@ -20,6 +24,17 @@
20
24
  </script>
21
25
  </head>
22
26
  <body class="main_template">
27
+ <a href="#" id="mobile_header" class="inline_table center_text">
28
+ <div class="cell icn col-1 middle">
29
+ <i class="olicons-show-sb"></i>
30
+ </div>
31
+ <div class="cell col-10 middle">
32
+ <span id="current-view-name">Magic-Stylez</span>
33
+ </div>
34
+ <div class="cell icn col-1 middle">
35
+ <i class="olicons-show-sb"></i>
36
+ </div>
37
+ </a>
23
38
  <div id="aside">
24
39
  <div class="aside-content">
25
40
  <ul class="nav_list flat">
@@ -92,10 +107,10 @@
92
107
  <div class="section head">
93
108
  <div class="corset">
94
109
  <div class="row">
95
- <div class="col-sm-9">
110
+ <div class="col-sm-9 col-xs-6">
96
111
  <h1>magic-stylez</h1>
97
112
  </div>
98
- <div class="col-sm-3">
113
+ <div class="col-sm-3 col-xs-6">
99
114
  <a href="https://github.com/berlinmagic/magic_stylez/tree/master" target="_blank" class="btn btn-sm btn-default btn-divided pull-right">
100
115
  <span class="icn"><i class="icomoon-github3"></i></span>
101
116
  <span>SourceCode</span>
@@ -166,6 +181,14 @@ CSS:
166
181
  <p class="loud"><i class="olicons-hide-filter"></i> what causes "Missing variable!" when you update to new version</p>
167
182
  <p class="loud"><i class="olicons-hide-filter"></i> this generator adds all new variables without touching your settings</p>
168
183
  <pre><code>$ rails g magic_stylez:update</code></pre>
184
+ <br/>
185
+ <br/>
186
+ <h4>Changes when update to <small>0.0.0.55</small>:</h4>
187
+ <ul>
188
+ <li><em>corporate/typo</em> is removed!</li>
189
+ <li><em>corporate/fonts</em> doesn't contain css, just variables</li>
190
+ </ul>
191
+ <p>With Version <strong>0.0.0.55</strong> I merged <em>corporate/typo</em> into <em>corporate/fonts</em> (they where so similar). I also removed all css from <em>corporate/fonts</em>, because it causes trouble with update generator (and also is not a variable).</p>
169
192
  </div>
170
193
  </div>
171
194
 
@@ -2,10 +2,11 @@
2
2
  <html>
3
3
  <head>
4
4
  <title>Magic-Stylez</title>
5
- <link href="//berlinmagic.github.io/magic_stylez/assets/application-ef333a7bb827c0fd71107737d7faa101.css" media="all" rel="stylesheet" />
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-12830c6ac7643ebdf44bcc14c1cc31f4.css" media="all" rel="stylesheet" />
6
7
  <script src="//berlinmagic.github.io/magic_stylez/assets/blank-f61f67c5c51c1b2adbcfdfc46056dabb.js"></script>
7
8
  <meta content="authenticity_token" name="csrf-param" />
8
- <meta content="KmqKWQjWhpVkFcmeqxz/68ezzbMF/ggaa7IAMUfgkP0=" name="csrf-token" />
9
+ <meta content="txTtp+28PvfPT1b/DHXUvHmIXVtMBciKw3krvzJZJiM=" name="csrf-token" />
9
10
  <link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah' rel='stylesheet' type='text/css'>
10
11
  <script type="text/javascript" charset="utf-8">
11
12
  App = {};
@@ -2,10 +2,11 @@
2
2
  <html>
3
3
  <head>
4
4
  <title>Magic-Stylez</title>
5
- <link href="//berlinmagic.github.io/magic_stylez/assets/application-ef333a7bb827c0fd71107737d7faa101.css" media="all" rel="stylesheet" />
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-12830c6ac7643ebdf44bcc14c1cc31f4.css" media="all" rel="stylesheet" />
6
7
  <script src="//berlinmagic.github.io/magic_stylez/assets/blank-f61f67c5c51c1b2adbcfdfc46056dabb.js"></script>
7
8
  <meta content="authenticity_token" name="csrf-param" />
8
- <meta content="KmqKWQjWhpVkFcmeqxz/68ezzbMF/ggaa7IAMUfgkP0=" name="csrf-token" />
9
+ <meta content="txTtp+28PvfPT1b/DHXUvHmIXVtMBciKw3krvzJZJiM=" name="csrf-token" />
9
10
  <link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah' rel='stylesheet' type='text/css'>
10
11
  <script type="text/javascript" charset="utf-8">
11
12
  App = {};