maxmertkit-rails 0.0.2 → 0.0.3
Sign up to get free protection for your applications and to get access to all the features.
- data/README.md +5 -0
- data/lib/maxmertkit-rails/version.rb +1 -1
- data/maxmertkit-rails.gemspec +2 -2
- data/vendor/assets/javascript/maxmertkit.affix.js +123 -14
- data/vendor/assets/javascript/maxmertkit.carousel.js +1 -329
- data/vendor/assets/javascript/maxmertkit.js +1 -1
- data/vendor/assets/javascript/maxmertkit.modal.js +3 -3
- data/vendor/assets/javascript/maxmertkit.popup.js +9 -11
- data/vendor/assets/javascript/maxmertkit.scrollspy.js +1 -0
- data/vendor/assets/stylesheet/_init.scss +2 -30
- data/vendor/assets/stylesheet/_mixins.scss +142 -0
- data/vendor/assets/stylesheet/animations/_keyframes.scss +510 -510
- data/vendor/assets/stylesheet/maxmertkit-animation.scss +3 -2
- data/vendor/assets/stylesheet/maxmertkit.scss +3 -1
- data/vendor/assets/stylesheet/modificators/_responsive.scss +82 -0
- data/vendor/assets/stylesheet/themes/_basic.scss +4 -4
- data/vendor/assets/stylesheet/widgets/_form.scss +37 -111
- data/vendor/assets/stylesheet/widgets/_group.scss +1 -0
- data/vendor/assets/stylesheet/widgets/_icon.scss +49 -24
- data/vendor/assets/stylesheet/widgets/_menu.scss +2 -0
- data/vendor/assets/stylesheet/widgets/_modal.scss +16 -115
- data/vendor/assets/stylesheet/widgets/_progressbar.scss +5 -0
- data/vendor/assets/stylesheet/widgets/_toolbar.scss +0 -17
- metadata +5 -4
@@ -15,6 +15,7 @@ $__after-object: '';
|
|
15
15
|
@extend %__object;
|
16
16
|
|
17
17
|
cursor: pointer;
|
18
|
+
text-decoration: none;
|
18
19
|
}
|
19
20
|
|
20
21
|
position: relative;
|
@@ -22,6 +23,7 @@ $__after-object: '';
|
|
22
23
|
& > .#{$object__dropdown} {
|
23
24
|
display: none;
|
24
25
|
position: absolute;
|
26
|
+
min-height: auto;
|
25
27
|
}
|
26
28
|
}
|
27
29
|
|
@@ -6,29 +6,40 @@ $__after-object: '';
|
|
6
6
|
.#{$object__modal} {
|
7
7
|
@extend %__object;
|
8
8
|
|
9
|
-
position: relative;
|
9
|
+
// position: relative;
|
10
10
|
z-index: 1001;
|
11
11
|
display: inline-block;
|
12
12
|
border-width: $object__modal-border-width;
|
13
13
|
border-style: solid;
|
14
|
-
@include border-radius( $object__modal-border-radius );
|
15
14
|
min-width: $object__modal-min-width;
|
16
|
-
min-height: $object__modal-min-height;
|
17
15
|
@include box-shadow( $object__modal-shadow );
|
18
16
|
|
17
|
+
.#{$object__modal__content} {
|
18
|
+
padding: $object__modal__content-padding;
|
19
|
+
min-height: $object__modal-min-height;
|
20
|
+
@include border-radius( $object__modal-border-radius );
|
21
|
+
@include set_modificator(only-items($mod__status, default, $mod__status__unstyled), background-color, color-invert);
|
22
|
+
}
|
23
|
+
|
19
24
|
.#{$object__modal__header} {
|
20
25
|
position: relative;
|
21
26
|
padding: $object__modal__header-padding;
|
22
|
-
@include border-radius( $object__modal-border-radius - 2
|
27
|
+
@include border-radius( $object__modal-border-radius - 2 $object__modal-border-radius - 2 0 0 );
|
23
28
|
border-bottom: 1px solid rgba(0,0,0,.1);
|
24
29
|
|
30
|
+
& + .#{$object__modal__content} {
|
31
|
+
@include border-radius( 0 0 $object__modal-border-radius $object__modal-border-radius );
|
32
|
+
}
|
33
|
+
|
25
34
|
.#{$object__closer} {
|
26
35
|
font-size: 24px;
|
27
36
|
font-weight: bold;
|
28
37
|
position: absolute;
|
38
|
+
// float: right;
|
29
39
|
right: $object__modal__header-padding;
|
30
40
|
top: 50%;
|
31
41
|
margin-top: -12px;
|
42
|
+
margin-top: -9px\9;
|
32
43
|
cursor: pointer;
|
33
44
|
|
34
45
|
@include opacity( .3 );
|
@@ -39,11 +50,6 @@ $__after-object: '';
|
|
39
50
|
}
|
40
51
|
}
|
41
52
|
|
42
|
-
.#{$object__modal__content} {
|
43
|
-
padding: $object__modal__content-padding;
|
44
|
-
}
|
45
|
-
|
46
|
-
@include set_modificator(only-items($mod__status, default, $mod__status__unstyled), background-color, color-invert);
|
47
53
|
}
|
48
54
|
|
49
55
|
$__inheritance: object;
|
@@ -64,109 +70,4 @@ $__after-object: '> .#{$object__modal__header}';
|
|
64
70
|
top: 0; bottom: 0;
|
65
71
|
background-color: $object__shader-background;
|
66
72
|
z-index: 1000;
|
67
|
-
}
|
68
|
-
|
69
|
-
// .#{$object__dropdown} {
|
70
|
-
// @extend %__object;
|
71
|
-
|
72
|
-
// position: relative;
|
73
|
-
// display: inline-block;
|
74
|
-
// border-width: $object__dropdown-border-width;
|
75
|
-
// border-width: 1px#{'\9'};
|
76
|
-
// border-style: solid;
|
77
|
-
// @include border-radius( $object__dropdown-border-radius );
|
78
|
-
// min-width: $object__dropdown-min-width;
|
79
|
-
// min-height: $object__dropdown-min-height;
|
80
|
-
// max-width: $object__dropdown-max-width;
|
81
|
-
// max-height: $object__dropdown-max-height;
|
82
|
-
// @include box-shadow( $object__dropdown-shadow );
|
83
|
-
|
84
|
-
// .#{$object__dropdown__content} {
|
85
|
-
// padding: $object__dropdown__content-padding;
|
86
|
-
// }
|
87
|
-
|
88
|
-
// .#{$object__dropdown__header} {
|
89
|
-
// padding: $object__dropdown__header-padding;
|
90
|
-
// @include border-radius( $object__dropdown-border-radius - 2 $object__dropdown-border-radius - 2 0 0 );
|
91
|
-
// border-bottom: 1px solid rgba(0,0,0,.1);
|
92
|
-
// }
|
93
|
-
|
94
|
-
// &.#{$mod__side-top},
|
95
|
-
// &.#{$mod__side-bottom},
|
96
|
-
// &.#{$mod__side-left},
|
97
|
-
// &.#{$mod__side-right} {
|
98
|
-
// &:after {
|
99
|
-
// content: ' ';
|
100
|
-
// display: inline-block;
|
101
|
-
// position: absolute;
|
102
|
-
// }
|
103
|
-
// }
|
104
|
-
|
105
|
-
// &.#{$mod__side-top},
|
106
|
-
// &.#{$mod__side-bottom} {
|
107
|
-
// &:after {
|
108
|
-
// width: 90%;
|
109
|
-
// left: 5%;
|
110
|
-
// height: 1px;
|
111
|
-
|
112
|
-
// $__inheritance: object;
|
113
|
-
// $__before-object: '';
|
114
|
-
// $__object: this;
|
115
|
-
// $__after-object: '';
|
116
|
-
// @include set_modificator($mod__status, gradient-horizontal-three);
|
117
|
-
// }
|
118
|
-
// }
|
119
|
-
|
120
|
-
// &.#{$mod__side-left},
|
121
|
-
// &.#{$mod__side-right} {
|
122
|
-
// &:after {
|
123
|
-
// width: 1px;
|
124
|
-
// height: 90%;
|
125
|
-
// top: 5%;
|
126
|
-
|
127
|
-
// $__inheritance: object;
|
128
|
-
// $__before-object: '';
|
129
|
-
// $__object: this;
|
130
|
-
// $__after-object: '';
|
131
|
-
// @include set_modificator($mod__status, gradient-vertical-three);
|
132
|
-
// }
|
133
|
-
// }
|
134
|
-
|
135
|
-
// &.#{$mod__side-top} {
|
136
|
-
// &:after {
|
137
|
-
// bottom: -1px;
|
138
|
-
// }
|
139
|
-
// }
|
140
|
-
|
141
|
-
// &.#{$mod__side-bottom} {
|
142
|
-
// &:after {
|
143
|
-
// top: -1px;
|
144
|
-
// }
|
145
|
-
// }
|
146
|
-
|
147
|
-
// &.#{$mod__side-left} {
|
148
|
-
// &:after {
|
149
|
-
// right: -1px;
|
150
|
-
// }
|
151
|
-
// }
|
152
|
-
|
153
|
-
// &.#{$mod__side-right} {
|
154
|
-
// &:after {
|
155
|
-
// left: -1px;
|
156
|
-
// }
|
157
|
-
// }
|
158
|
-
|
159
|
-
// @include set_modificator(only-items($mod__status, default, $mod__status__unstyled), background-color, color-invert);
|
160
|
-
// }
|
161
|
-
|
162
|
-
// $__inheritance: object;
|
163
|
-
// $__before-object: '';
|
164
|
-
// $__object: '.#{$object__dropdown}';
|
165
|
-
// $__after-object: '';
|
166
|
-
// @include set_modificator($mod__status, shadow, border-color);
|
167
|
-
|
168
|
-
// $__inheritance: object;
|
169
|
-
// $__before-object: '';
|
170
|
-
// $__object: '.#{$object__dropdown}';
|
171
|
-
// $__after-object: '> .#{$object__dropdown__header}';
|
172
|
-
// @include set_modificator($mod__status, background-color-darken, color-invert-important, text-shadow);
|
73
|
+
}
|
@@ -12,11 +12,14 @@ $__after-object: '';
|
|
12
12
|
@include box-shadow( $object__progressbar-shadow );
|
13
13
|
line-height: 0;
|
14
14
|
min-height: 12px;
|
15
|
+
white-space: nowrap;
|
15
16
|
|
16
17
|
.#{$object__progressbar__bar} {
|
17
18
|
@extend %__object;
|
18
19
|
height: 100%;
|
19
20
|
min-height: 12px;
|
21
|
+
white-space: nowrap;
|
22
|
+
overflow: hidden;
|
20
23
|
@include border-radius( $object__progressbar-border-radius );
|
21
24
|
@include box-shadow( $object__progressbar__bar-shadow );
|
22
25
|
|
@@ -29,7 +32,9 @@ $__after-object: '';
|
|
29
32
|
position: absolute;
|
30
33
|
left:0; top: 0;
|
31
34
|
top: 0; bottom: 0;
|
35
|
+
overflow: hidden;
|
32
36
|
text-align: center;
|
37
|
+
white-space: nowrap;
|
33
38
|
}
|
34
39
|
}
|
35
40
|
|
@@ -14,8 +14,6 @@ $__after-object: '';
|
|
14
14
|
|
15
15
|
.#{$object__button} {
|
16
16
|
@include box-shadow( none );
|
17
|
-
position: relative;
|
18
|
-
bottom: -1px;
|
19
17
|
|
20
18
|
&:hover {
|
21
19
|
@include box-shadow( $object__button-shadow );
|
@@ -45,11 +43,6 @@ $__after-object: '';
|
|
45
43
|
}
|
46
44
|
}
|
47
45
|
|
48
|
-
.#{$object__group} {
|
49
|
-
position: relative;
|
50
|
-
top: -1px;
|
51
|
-
}
|
52
|
-
|
53
46
|
&.-#{$mod__status__disabled}- {
|
54
47
|
.#{$object__button},
|
55
48
|
.#{$object__button}:hover,
|
@@ -67,19 +60,9 @@ $__after-object: '';
|
|
67
60
|
border-color: #eee!important;
|
68
61
|
@include text-shadow( none );
|
69
62
|
color: #ccc;
|
70
|
-
// $__inheritance: $object__toolbar;
|
71
|
-
// $__before-object: '';
|
72
|
-
// $__object: this;
|
73
|
-
// $__after-object: '';
|
74
|
-
// @include set_modificator(only-items($mod__status, $mod__status__disabled), color);
|
75
63
|
}
|
76
64
|
}
|
77
65
|
|
78
|
-
input {
|
79
|
-
position: relative;
|
80
|
-
bottom: -1px;
|
81
|
-
}
|
82
|
-
|
83
66
|
.#{$object__button}:active,
|
84
67
|
.#{$object__button}.#{$mod__active} {
|
85
68
|
@include box-shadow($object__button-active-shadow);
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: maxmertkit-rails
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.0.
|
4
|
+
version: 0.0.3
|
5
5
|
prerelease:
|
6
6
|
platform: ruby
|
7
7
|
authors:
|
@@ -9,9 +9,9 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2013-01-
|
12
|
+
date: 2013-01-21 00:00:00.000000000 Z
|
13
13
|
dependencies: []
|
14
|
-
description:
|
14
|
+
description: Css framework based on widget-modifier coding style
|
15
15
|
email:
|
16
16
|
- caballerosolar@gmail.com
|
17
17
|
executables: []
|
@@ -57,6 +57,7 @@ files:
|
|
57
57
|
- vendor/assets/stylesheet/maxmertkit-components.scss
|
58
58
|
- vendor/assets/stylesheet/maxmertkit.scss
|
59
59
|
- vendor/assets/stylesheet/modificators/__methods.scss
|
60
|
+
- vendor/assets/stylesheet/modificators/_responsive.scss
|
60
61
|
- vendor/assets/stylesheet/modificators/_size.scss
|
61
62
|
- vendor/assets/stylesheet/modificators/_status.scss
|
62
63
|
- vendor/assets/stylesheet/themes/_basic.scss
|
@@ -101,5 +102,5 @@ rubyforge_project:
|
|
101
102
|
rubygems_version: 1.8.24
|
102
103
|
signing_key:
|
103
104
|
specification_version: 3
|
104
|
-
summary:
|
105
|
+
summary: Css framework based on widget-modifier coding style
|
105
106
|
test_files: []
|