magic_stylez 0.0.0.99 → 0.0.330

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 (36) hide show
  1. checksums.yaml +8 -8
  2. data/Gemfile +1 -1
  3. data/lib/magic_stylez/version.rb +1 -1
  4. data/magic_stylez.gemspec +1 -2
  5. data/test/dummy/app/assets/javascripts/app.js.coffee +11 -50
  6. data/test/dummy/app/assets/javascripts/application.js +1 -1
  7. data/test/dummy/app/assets/javascripts/assets.js.coffee.erb +6 -0
  8. data/test/dummy/app/assets/javascripts/views/app/changelog.jst.eco +49 -2
  9. data/test/dummy/app/assets/javascripts/views/app/start.jst.eco +13 -9
  10. data/test/dummy/app/assets/javascripts/views/helper/dots.jst.eco +21 -4
  11. data/test/dummy/app/assets/javascripts/views/layout/fullpage_table.jst.eco +113 -51
  12. data/test/dummy/app/assets/javascripts/views/layout/section.jst.eco +1 -10
  13. data/test/dummy/app/controllers/front_controller.rb +1 -0
  14. data/test/dummy/app/views/front/start.html.erb +3 -19
  15. data/test/dummy/app/views/layouts/application.html.erb +9 -0
  16. data/test/dummy/public/html/aside-nav.html +2 -2
  17. data/test/dummy/public/html/fixed-header.html +2 -2
  18. data/test/dummy/public/html/fixed-subnav.html +2 -2
  19. data/test/dummy/public/html/index.html +6 -22
  20. data/test/dummy/public/html/slidebar-header.html +2 -2
  21. data/test/dummy/public/html/slidebar-subnav.html +2 -2
  22. data/vendor/assets/stylesheets/magic/content/_banner.scss +18 -4
  23. data/vendor/assets/stylesheets/magic/content/_buttons.scss +1 -1
  24. data/vendor/assets/stylesheets/magic/content/_forms.scss +1 -1
  25. data/vendor/assets/stylesheets/magic/content/_helper.scss +3 -3
  26. data/vendor/assets/stylesheets/magic/content/_inputs.scss +1 -1
  27. data/vendor/assets/stylesheets/magic/helper/_dots.scss +64 -0
  28. data/vendor/assets/stylesheets/magic/helper/_three_previews.scss +1 -1
  29. data/vendor/assets/stylesheets/magic/layout/_corset.scss +6 -6
  30. data/vendor/assets/stylesheets/magic/layout/_fullpage_table.scss +16 -0
  31. data/vendor/assets/stylesheets/magic/layout/_section.scss +108 -113
  32. data/vendor/assets/stylesheets/magic/layout/_tables_v1.scss +2 -2
  33. data/vendor/assets/stylesheets/magic/layout/_tables_v2.scss +2 -2
  34. data/vendor/assets/stylesheets/magic/lib/_text.scss +2 -2
  35. data/vendor/assets/stylesheets/magic/lists/_nav.scss +44 -49
  36. metadata +12 -6
@@ -8,7 +8,7 @@ table.layout {
8
8
  @include border-radius(5px);
9
9
  border-collapse: separate;
10
10
  // overflow:hidden;
11
- @include box-sizing(border-box);
11
+ box-sizing: border-box;
12
12
 
13
13
  td.tbox {
14
14
 
@@ -228,7 +228,7 @@ table.layout {
228
228
  display: block; position: relative;
229
229
  margin: 0;
230
230
  @include border-radius( 0 );
231
- @include box-sizing(border-box);
231
+ box-sizing: border-box;
232
232
  width: 100%;
233
233
  border: solid 1px $gray-light;
234
234
  border-right: none;
@@ -124,7 +124,7 @@ $lyt_border_radius: 5px;
124
124
  display: block; position: relative;
125
125
  margin: 0;
126
126
  @include border-radius( 0 );
127
- @include box-sizing(border-box);
127
+ box-sizing: border-box;
128
128
  // height: 32px;
129
129
  width: 100%;
130
130
  // border: solid 1px $gray-light;
@@ -148,7 +148,7 @@ $lyt_border_radius: 5px;
148
148
  background: #fff;
149
149
  margin: 0 0 $general-vertical-spacing-half;
150
150
  padding: 5px;
151
- @include box-sizing(border-box);
151
+ box-sizing: border-box;
152
152
  text-align: left;
153
153
  & > .cell, & > .box {
154
154
  padding: 0 5px;
@@ -123,8 +123,8 @@
123
123
  text-rendering: optimizelegibility;
124
124
  }
125
125
 
126
- @mixin antialiased_text { @include noWrap; }
127
- @mixin antialiased-text { @include noWrap; }
126
+ @mixin antialiased_text { @include antialiasedText; }
127
+ @mixin antialiased-text { @include antialiasedText; }
128
128
 
129
129
 
130
130
  // make it smooth and app-like on mobile (best in body!)
@@ -27,16 +27,14 @@
27
27
  line-height: inherit;
28
28
  @include border-radius( 10px );
29
29
  padding: 0;
30
- width: $line-height-computed + 10;
30
+ width: $line-height-computed + 10;
31
31
  margin-left: 10px;
32
32
  text-align: center;
33
33
  // background: $gray-light;
34
- background: transparent;
35
- color: inherit;
36
- float: right;
37
- &:before {
38
-
39
- }
34
+ background: transparent;
35
+ color: inherit;
36
+ float: right;
37
+ &:before {}
40
38
  }
41
39
  }
42
40
 
@@ -51,24 +49,24 @@
51
49
  // );
52
50
  background: $gray-softer;
53
51
 
54
- // ####
55
- overflow: hidden;
56
- &:before, &:after {
57
- display: block; position: absolute; content: "";
58
- margin: 0; padding: 0;
59
- z-index: 3;
60
- }
61
- &:before {
62
- top: -10px; left: -10px; right: -10px;
63
- height: 8px;
64
- @include box-shadow( 0 3px 10px 0 rgba(0,0,0,.35));
65
- }
66
- &:after {
67
- bottom: -10px; left: -10px; right: -10px;
68
- height: 8px;
69
- @include box-shadow( 0 -3px 10px 0 rgba(0,0,0,.30));
70
- }
71
- // ####
52
+ // ####
53
+ overflow: hidden;
54
+ &:before, &:after {
55
+ display: block; position: absolute; content: "";
56
+ margin: 0; padding: 0;
57
+ z-index: 3;
58
+ }
59
+ &:before {
60
+ top: -10px; left: -10px; right: -10px;
61
+ height: 8px;
62
+ @include box-shadow( 0 3px 10px 0 rgba(0,0,0,.35));
63
+ }
64
+ &:after {
65
+ bottom: -10px; left: -10px; right: -10px;
66
+ height: 8px;
67
+ @include box-shadow( 0 -3px 10px 0 rgba(0,0,0,.30));
68
+ }
69
+ // ####
72
70
 
73
71
  li {
74
72
  // &:first-child { border-top: solid 1px $gray-light; }
@@ -76,11 +74,8 @@
76
74
  a, span.lst_lnk {
77
75
  padding: 5px 10px;
78
76
  line-height: $line-height-computed;
79
-
80
- background: $gray-softer;
81
-
77
+ background: $gray-softer;
82
78
  // background: transparent; color: $gray;
83
-
84
79
  }
85
80
 
86
81
  .sub_nav {
@@ -109,37 +104,37 @@
109
104
  }
110
105
 
111
106
 
112
- &.active {
113
- background: $blue-light;
107
+ &.active {
108
+ background: $blue-light;
114
109
  & > a {
115
- margin: 0 0 0 5px;
110
+ margin: 0 0 0 5px;
116
111
  color: $blue-light;
117
112
  background: $white;
118
113
  }
119
114
  }
120
115
 
121
116
 
122
- .sub_nav li {
123
- &.current > a {
124
- background: $gray-soft;
125
- }
126
- &.active > a {
127
- color: $blue-light;
128
- background: $gray-soft;
129
- }
130
- }
117
+ .sub_nav li {
118
+ &.current > a {
119
+ background: $gray-soft;
120
+ }
121
+ &.active > a {
122
+ color: $blue-light;
123
+ background: $gray-soft;
124
+ }
125
+ }
131
126
 
132
127
 
133
- &.active {
134
- background: $blue-light;
128
+ &.active {
129
+ background: $blue-light;
135
130
  & > a {
136
- margin: 0 0 0 5px;
131
+ margin: 0 0 0 5px;
137
132
  color: $blue-light;
138
133
  background: $white;
139
134
  }
140
135
  }
141
136
 
142
- a, span {
137
+ a, span {
143
138
  i {
144
139
  font-size: $font-size-large;
145
140
  margin-right: 3px;
@@ -151,13 +146,13 @@
151
146
  }
152
147
 
153
148
  &.current, &.active {
154
- a:hover, span:hover {
149
+ a:hover, span:hover {
155
150
  color: $blue !important;
156
151
  // background: $gray-softer;
157
- background: $gray-soft;
152
+ background: $gray-soft;
158
153
  }
159
- & > .sub_nav { display: block; }
160
- }
154
+ & > .sub_nav { display: block; }
155
+ }
161
156
 
162
157
  // &:first-child { border-top: none; }
163
158
  &:last-child { border-bottom: none; }
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: magic_stylez
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.0.99
4
+ version: 0.0.330
5
5
  platform: ruby
6
6
  authors:
7
7
  - Torsten Wetzel
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2017-04-12 00:00:00.000000000 Z
11
+ date: 2017-11-20 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: rails
@@ -56,16 +56,22 @@ dependencies:
56
56
  name: bootstrap-sass
57
57
  requirement: !ruby/object:Gem::Requirement
58
58
  requirements:
59
- - - '='
59
+ - - ! '>='
60
+ - !ruby/object:Gem::Version
61
+ version: 3.3.5.1
62
+ - - <
60
63
  - !ruby/object:Gem::Version
61
- version: 3.1.1.1
64
+ version: '3.4'
62
65
  type: :runtime
63
66
  prerelease: false
64
67
  version_requirements: !ruby/object:Gem::Requirement
65
68
  requirements:
66
- - - '='
69
+ - - ! '>='
70
+ - !ruby/object:Gem::Version
71
+ version: 3.3.5.1
72
+ - - <
67
73
  - !ruby/object:Gem::Version
68
- version: 3.1.1.1
74
+ version: '3.4'
69
75
  - !ruby/object:Gem::Dependency
70
76
  name: bourbon
71
77
  requirement: !ruby/object:Gem::Requirement