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.
- checksums.yaml +8 -8
- data/Gemfile +1 -1
- data/lib/magic_stylez/version.rb +1 -1
- data/magic_stylez.gemspec +1 -2
- data/test/dummy/app/assets/javascripts/app.js.coffee +11 -50
- data/test/dummy/app/assets/javascripts/application.js +1 -1
- data/test/dummy/app/assets/javascripts/assets.js.coffee.erb +6 -0
- data/test/dummy/app/assets/javascripts/views/app/changelog.jst.eco +49 -2
- data/test/dummy/app/assets/javascripts/views/app/start.jst.eco +13 -9
- data/test/dummy/app/assets/javascripts/views/helper/dots.jst.eco +21 -4
- data/test/dummy/app/assets/javascripts/views/layout/fullpage_table.jst.eco +113 -51
- data/test/dummy/app/assets/javascripts/views/layout/section.jst.eco +1 -10
- data/test/dummy/app/controllers/front_controller.rb +1 -0
- data/test/dummy/app/views/front/start.html.erb +3 -19
- data/test/dummy/app/views/layouts/application.html.erb +9 -0
- data/test/dummy/public/html/aside-nav.html +2 -2
- data/test/dummy/public/html/fixed-header.html +2 -2
- data/test/dummy/public/html/fixed-subnav.html +2 -2
- data/test/dummy/public/html/index.html +6 -22
- data/test/dummy/public/html/slidebar-header.html +2 -2
- data/test/dummy/public/html/slidebar-subnav.html +2 -2
- data/vendor/assets/stylesheets/magic/content/_banner.scss +18 -4
- data/vendor/assets/stylesheets/magic/content/_buttons.scss +1 -1
- data/vendor/assets/stylesheets/magic/content/_forms.scss +1 -1
- data/vendor/assets/stylesheets/magic/content/_helper.scss +3 -3
- data/vendor/assets/stylesheets/magic/content/_inputs.scss +1 -1
- data/vendor/assets/stylesheets/magic/helper/_dots.scss +64 -0
- data/vendor/assets/stylesheets/magic/helper/_three_previews.scss +1 -1
- data/vendor/assets/stylesheets/magic/layout/_corset.scss +6 -6
- data/vendor/assets/stylesheets/magic/layout/_fullpage_table.scss +16 -0
- data/vendor/assets/stylesheets/magic/layout/_section.scss +108 -113
- data/vendor/assets/stylesheets/magic/layout/_tables_v1.scss +2 -2
- data/vendor/assets/stylesheets/magic/layout/_tables_v2.scss +2 -2
- data/vendor/assets/stylesheets/magic/lib/_text.scss +2 -2
- data/vendor/assets/stylesheets/magic/lists/_nav.scss +44 -49
- 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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
127
|
-
@mixin antialiased-text { @include
|
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
|
-
|
30
|
+
width: $line-height-computed + 10;
|
31
31
|
margin-left: 10px;
|
32
32
|
text-align: center;
|
33
33
|
// background: $gray-light;
|
34
|
-
|
35
|
-
|
36
|
-
|
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
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
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
|
-
|
113
|
-
|
107
|
+
&.active {
|
108
|
+
background: $blue-light;
|
114
109
|
& > a {
|
115
|
-
|
110
|
+
margin: 0 0 0 5px;
|
116
111
|
color: $blue-light;
|
117
112
|
background: $white;
|
118
113
|
}
|
119
114
|
}
|
120
115
|
|
121
116
|
|
122
|
-
|
123
|
-
|
124
|
-
|
125
|
-
|
126
|
-
|
127
|
-
|
128
|
-
|
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
|
-
|
134
|
-
|
128
|
+
&.active {
|
129
|
+
background: $blue-light;
|
135
130
|
& > a {
|
136
|
-
|
131
|
+
margin: 0 0 0 5px;
|
137
132
|
color: $blue-light;
|
138
133
|
background: $white;
|
139
134
|
}
|
140
135
|
}
|
141
136
|
|
142
|
-
|
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
|
-
|
149
|
+
a:hover, span:hover {
|
155
150
|
color: $blue !important;
|
156
151
|
// background: $gray-softer;
|
157
|
-
|
152
|
+
background: $gray-soft;
|
158
153
|
}
|
159
|
-
|
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.
|
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-
|
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.
|
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.
|
74
|
+
version: '3.4'
|
69
75
|
- !ruby/object:Gem::Dependency
|
70
76
|
name: bourbon
|
71
77
|
requirement: !ruby/object:Gem::Requirement
|