magic_stylez 0.0.0.99 → 0.0.330

Sign up to get free protection for your applications and to get access to all the features.
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