rtpl-compass 1.2 → 1.3
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/lib/rtpl-compass.rb +59 -59
- data/templates/project/js/full/rform.js +22 -12
- data/templates/project/sass/source/_formstyle.sass +2 -2
- data/templates/project/sass/source/_global.sass +10 -8
- data/templates/project/sass/source/_typography.sass +1 -1
- data/templates/project/sass/source/lib/_default.sass +31 -8
- data/templates/project/sass/source/lib/mixins/_base.sass +14 -10
- data/templates/project/sass/source/plugins/_jquery.fancybox.sass +1 -1
- data/templates/project/sass/source/plugins/_rforms.sass +1 -1
- metadata +2 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 9d4598f0b96c2084b7f664b03d3c65cbf36cc4fd
|
4
|
+
data.tar.gz: c1d22215d206da1c0b63e9bb989cd1c9268638e7
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 11e51e5c96e21531bb6fce767e7015cbb4800fb27572888bf9cbdb3118c6d46626d9357d8b32be34f940f3b48f603ec5d1bc0913604aa702b5b575da697730a9
|
7
|
+
data.tar.gz: 95cb57e2de4386a55b101b9ae4ebc61c30fb77a23ac477811556b000f05570f8e505dc11cbe77bdeccb8ea60d419c977da5907b84c3f9283c49becade5865854
|
data/lib/rtpl-compass.rb
CHANGED
@@ -1,60 +1,60 @@
|
|
1
|
-
# All gems that are required for this extension to work should go here.
|
2
|
-
# These are the requires you would normally put in your config.rb file
|
3
|
-
# By default, you should always included Compass. Do not include your
|
4
|
-
# extension.
|
5
|
-
require 'compass'
|
6
|
-
|
7
|
-
Compass.add_project_configuration(File.join(File.dirname(__FILE__), 'config.rb'))
|
8
|
-
|
9
|
-
# This tells Compass what your Compass extension is called, and where to find
|
10
|
-
# its files
|
11
|
-
# Replace 'extension' with the name of your extension. Spaces allowed.
|
12
|
-
|
13
|
-
extension_path = File.expand_path(File.join(File.dirname(__FILE__), ".."))
|
14
|
-
|
15
|
-
Compass::Frameworks.register(
|
16
|
-
'rtpl-compass',
|
17
|
-
:path => extension_path
|
18
|
-
)
|
19
|
-
|
20
|
-
|
21
|
-
# Version and date of version for your Compass extension.
|
22
|
-
# Replace Extension with the name of your extension
|
23
|
-
# Letters, numbers, and underscores only
|
24
|
-
# Version is a number. If a version contains alphas, it will be created as
|
25
|
-
# a prerelease version
|
26
|
-
# Date is in the form of YYYY-MM-DD
|
27
|
-
module Extension
|
28
|
-
VERSION = "1.
|
29
|
-
DATE = "2015-
|
30
|
-
end
|
31
|
-
|
32
|
-
module Compass
|
33
|
-
module AppIntegration
|
34
|
-
module StandAlone
|
35
|
-
module ConfigurationDefaults
|
36
|
-
def default_project_type
|
37
|
-
:stand_alone
|
38
|
-
end
|
39
|
-
|
40
|
-
def javascripts_dir_without_default
|
41
|
-
"js"
|
42
|
-
end
|
43
|
-
|
44
|
-
def css_dir_without_default
|
45
|
-
"css"
|
46
|
-
end
|
47
|
-
|
48
|
-
end
|
49
|
-
|
50
|
-
end
|
51
|
-
end
|
52
|
-
end
|
53
|
-
|
54
|
-
# This is where any custom SassScript should be placed. The functions will be
|
55
|
-
# available on require of your extension without the need for users to import
|
56
|
-
# any partials. Uncomment below.
|
57
|
-
|
58
|
-
# module Sass::Script::Functions
|
59
|
-
|
1
|
+
# All gems that are required for this extension to work should go here.
|
2
|
+
# These are the requires you would normally put in your config.rb file
|
3
|
+
# By default, you should always included Compass. Do not include your
|
4
|
+
# extension.
|
5
|
+
require 'compass'
|
6
|
+
|
7
|
+
Compass.add_project_configuration(File.join(File.dirname(__FILE__), 'config.rb'))
|
8
|
+
|
9
|
+
# This tells Compass what your Compass extension is called, and where to find
|
10
|
+
# its files
|
11
|
+
# Replace 'extension' with the name of your extension. Spaces allowed.
|
12
|
+
|
13
|
+
extension_path = File.expand_path(File.join(File.dirname(__FILE__), ".."))
|
14
|
+
|
15
|
+
Compass::Frameworks.register(
|
16
|
+
'rtpl-compass',
|
17
|
+
:path => extension_path
|
18
|
+
)
|
19
|
+
|
20
|
+
|
21
|
+
# Version and date of version for your Compass extension.
|
22
|
+
# Replace Extension with the name of your extension
|
23
|
+
# Letters, numbers, and underscores only
|
24
|
+
# Version is a number. If a version contains alphas, it will be created as
|
25
|
+
# a prerelease version
|
26
|
+
# Date is in the form of YYYY-MM-DD
|
27
|
+
module Extension
|
28
|
+
VERSION = "1.3"
|
29
|
+
DATE = "2015-04-06"
|
30
|
+
end
|
31
|
+
|
32
|
+
module Compass
|
33
|
+
module AppIntegration
|
34
|
+
module StandAlone
|
35
|
+
module ConfigurationDefaults
|
36
|
+
def default_project_type
|
37
|
+
:stand_alone
|
38
|
+
end
|
39
|
+
|
40
|
+
def javascripts_dir_without_default
|
41
|
+
"js"
|
42
|
+
end
|
43
|
+
|
44
|
+
def css_dir_without_default
|
45
|
+
"css"
|
46
|
+
end
|
47
|
+
|
48
|
+
end
|
49
|
+
|
50
|
+
end
|
51
|
+
end
|
52
|
+
end
|
53
|
+
|
54
|
+
# This is where any custom SassScript should be placed. The functions will be
|
55
|
+
# available on require of your extension without the need for users to import
|
56
|
+
# any partials. Uncomment below.
|
57
|
+
|
58
|
+
# module Sass::Script::Functions
|
59
|
+
|
60
60
|
# end
|
@@ -57,14 +57,13 @@
|
|
57
57
|
this._init = function(element, options) {
|
58
58
|
var defaults = {
|
59
59
|
el: $(element),
|
60
|
-
slctDropClass: 'slctdrop',
|
61
|
-
slctDropListClass: 'slctdrop-list',
|
62
|
-
slctDropItemClass: 'slctdrop-item',
|
63
|
-
fieldBoxClass: 'field-box',
|
60
|
+
slctDropClass: 'rform-slctdrop',
|
61
|
+
slctDropListClass: 'rform-slctdrop-list',
|
62
|
+
slctDropItemClass: 'rform-slctdrop-item',
|
63
|
+
fieldBoxClass: 'rform-field-box',
|
64
64
|
hideClass: 'hide',
|
65
|
-
fakeFieldClass: 'field-
|
65
|
+
fakeFieldClass: 'rform-field-slct',
|
66
66
|
workSelectClass: 'field-hidden',
|
67
|
-
userScrollClass: 'scroll-simple_inner',
|
68
67
|
userBrowser: /Android|webOS|iPhone|iPad|iPod|BlackBerry/i,
|
69
68
|
userScroll: false,
|
70
69
|
spanClass: 'class'
|
@@ -111,7 +110,18 @@
|
|
111
110
|
.hide()
|
112
111
|
.before($slctDrop);
|
113
112
|
|
114
|
-
|
113
|
+
if (settings.userScroll) {
|
114
|
+
$list
|
115
|
+
.parent()
|
116
|
+
.mCustomScrollbar({
|
117
|
+
scrollbarPosition: 'outside',
|
118
|
+
theme: 'rform-slctdrop'
|
119
|
+
});
|
120
|
+
} else {
|
121
|
+
$list
|
122
|
+
.parent()
|
123
|
+
.addClass('default-scroll');
|
124
|
+
}
|
115
125
|
|
116
126
|
if ($elDisabled) {
|
117
127
|
$elSelect
|
@@ -201,7 +211,7 @@
|
|
201
211
|
return this.each(function() {
|
202
212
|
var $this = $(this),
|
203
213
|
$thisDisabled = $this.hasClass(global.disabledClass),
|
204
|
-
$radioClass = '.radio
|
214
|
+
$radioClass = '.rform-radio',
|
205
215
|
$radioActiveClass = $radioClass + '.' + global.activeClass,
|
206
216
|
$radio = $this.find($radioClass),
|
207
217
|
$radioVal = $radio.data('rval'),
|
@@ -262,7 +272,7 @@
|
|
262
272
|
$thisActive = $this.hasClass(global.activeClass),
|
263
273
|
$inputStr = 'input:checkbox',
|
264
274
|
$input = $this.find($inputStr),
|
265
|
-
$thisTextStr = '.check-text
|
275
|
+
$thisTextStr = '.rform-check-text',
|
266
276
|
$thisText = $this.find($thisTextStr),
|
267
277
|
$thisTextVal = $thisText.text();
|
268
278
|
|
@@ -299,8 +309,8 @@
|
|
299
309
|
var $this = $(this),
|
300
310
|
$thisDisabled = $this.hasClass(global.disabledClass),
|
301
311
|
$thisInputStr = 'input:file',
|
302
|
-
$thisBtnStr = '.btn',
|
303
|
-
$thisFieldStr = '.field',
|
312
|
+
$thisBtnStr = '.rform-file-btn',
|
313
|
+
$thisFieldStr = '.rform-field-file',
|
304
314
|
$input = $this.children($thisInputStr),
|
305
315
|
$btn = $this.children($thisBtnStr),
|
306
316
|
$fakeField = $this.children($thisFieldStr);
|
@@ -345,7 +355,7 @@
|
|
345
355
|
return this.each(function() {
|
346
356
|
var $this = $(this),
|
347
357
|
$thisDisabled = $this.hasClass(global.disabledClass),
|
348
|
-
$fakeArea = $this.find('.
|
358
|
+
$fakeArea = $this.find('.rform-area'),
|
349
359
|
$fakeAreaText = $fakeArea.text().trim(),
|
350
360
|
$defaultText = $fakeArea.data('area-placeholder'),
|
351
361
|
$input = $this.find('input');
|
@@ -49,7 +49,7 @@ $fieldHasErrorColor: #e74c3c
|
|
49
49
|
background: $fieldDefaultBg
|
50
50
|
+shFont($fieldDefaultFontSize, $fieldDefaultFontFamily, false, $fieldDefaultColor)
|
51
51
|
|
52
|
-
+
|
52
|
+
+f
|
53
53
|
border-color: $fieldHasActiveBorder
|
54
54
|
background: $fieldHasActiveBg
|
55
55
|
color: $fieldHasActiveColor
|
@@ -74,7 +74,7 @@ $fieldHasErrorColor: #e74c3c
|
|
74
74
|
+placeholder($fieldDefaultPlaceholderColor)
|
75
75
|
|
76
76
|
+ie8
|
77
|
-
+mlh($
|
77
|
+
+mlh($fieldDefaultFontSize, $fieldDefaultHeight)
|
78
78
|
|
79
79
|
&.field-full
|
80
80
|
@extend %block, .full-width
|
@@ -24,17 +24,12 @@ $baseFontSize: $base-font-size
|
|
24
24
|
$baseFontColor: #444
|
25
25
|
$baseLinkColor: #287fc3
|
26
26
|
|
27
|
-
$
|
28
|
-
$grid: $size
|
29
|
-
|
30
|
-
$max: $size
|
31
|
-
$standard: $size
|
32
|
-
$min: $QVGA
|
33
|
-
|
27
|
+
$standard: 960px
|
34
28
|
$footerHeight: 50px
|
35
29
|
|
30
|
+
// non in rwd
|
36
31
|
html
|
37
|
-
|
32
|
+
min-width: $standard
|
38
33
|
|
39
34
|
body
|
40
35
|
@extend %relative
|
@@ -43,9 +38,13 @@ body
|
|
43
38
|
padding-bottom: $footerHeight
|
44
39
|
background-color: #FFF
|
45
40
|
+shFont($baseFontSize, $baseFontFamily, 1, $baseFontColor)
|
41
|
+
// +mq320
|
42
|
+
// padding-bottom: 0
|
46
43
|
|
47
44
|
.container
|
48
45
|
+center($standard)
|
46
|
+
// +mq320
|
47
|
+
// padding: 0 1em
|
49
48
|
|
50
49
|
.header
|
51
50
|
@extend %relative
|
@@ -54,6 +53,9 @@ body
|
|
54
53
|
@extend .full-width
|
55
54
|
+pos("a", false, false, 0, 0, 2)
|
56
55
|
height: $footerHeight
|
56
|
+
// +mq320
|
57
|
+
// position: relative
|
58
|
+
// height: auto
|
57
59
|
|
58
60
|
// Icons
|
59
61
|
// $iconsArr: none
|
@@ -73,7 +73,6 @@
|
|
73
73
|
|
74
74
|
%has-ps-icon
|
75
75
|
@extend %relative
|
76
|
-
|
77
76
|
+bf
|
78
77
|
@extend %absolute, %default-zi
|
79
78
|
content: ''
|
@@ -99,6 +98,12 @@
|
|
99
98
|
.right
|
100
99
|
float: right
|
101
100
|
|
101
|
+
.clear
|
102
|
+
clear: both
|
103
|
+
|
104
|
+
.clearfix
|
105
|
+
+pie-clearfix
|
106
|
+
|
102
107
|
// Width
|
103
108
|
.full-width
|
104
109
|
width: 100%
|
@@ -137,6 +142,18 @@
|
|
137
142
|
text-align: right
|
138
143
|
|
139
144
|
// Alignment Blocks In Width
|
145
|
+
// ---
|
146
|
+
// <div class="jbox">
|
147
|
+
// <div class="box"></div>
|
148
|
+
// <div class="box"></div>
|
149
|
+
// <div class="box"></div>
|
150
|
+
// </div>
|
151
|
+
// or
|
152
|
+
// <ul class="jbox">
|
153
|
+
// <li class="box"></li>
|
154
|
+
// <li class="box"></li>
|
155
|
+
// <li class="box"></li>
|
156
|
+
// </ul>
|
140
157
|
.jbox
|
141
158
|
line-height: 0
|
142
159
|
text-align: justify
|
@@ -144,18 +161,24 @@
|
|
144
161
|
.box
|
145
162
|
line-height: normal
|
146
163
|
|
147
|
-
//
|
148
|
-
|
149
|
-
|
150
|
-
|
151
|
-
|
152
|
-
|
164
|
+
// Alignment Block In Height
|
165
|
+
// ---
|
166
|
+
// <div class="va_outer">
|
167
|
+
// <div class="va_inner"></div>
|
168
|
+
// </div>
|
169
|
+
.va_outer
|
170
|
+
@extend .tac
|
171
|
+
+bf
|
172
|
+
@extend %dib, %vam, .tac, .full-height
|
173
|
+
content: ''
|
174
|
+
.va_inner
|
175
|
+
@extend %dib, %vam
|
153
176
|
|
154
177
|
// --Images--
|
155
178
|
.loading
|
156
179
|
background: #fff url(../images/required/loading.gif) no-repeat center
|
157
180
|
|
158
|
-
.
|
181
|
+
.img_rwd
|
159
182
|
@extend %block
|
160
183
|
max-width: 100%
|
161
184
|
height: auto
|
@@ -102,7 +102,7 @@
|
|
102
102
|
=gpu
|
103
103
|
+transform(translate3d(0, 0, 0))
|
104
104
|
|
105
|
-
//
|
105
|
+
// Structural pseudo-classes
|
106
106
|
=first
|
107
107
|
&:first-child
|
108
108
|
@content
|
@@ -124,26 +124,30 @@
|
|
124
124
|
&:nth-child(#{$child}n-#{$number})
|
125
125
|
@content
|
126
126
|
|
127
|
-
=firstlet
|
128
|
-
&:first-letter
|
129
|
-
@content
|
130
127
|
|
128
|
+
// The dynamic pseudo-classes
|
131
129
|
=h
|
132
130
|
&:hover
|
133
131
|
@content
|
134
132
|
|
135
|
-
=
|
133
|
+
=f
|
136
134
|
&:focus
|
137
135
|
@content
|
138
136
|
|
139
|
-
=
|
137
|
+
=a
|
140
138
|
&:active
|
141
139
|
@content
|
142
140
|
|
143
|
-
=
|
141
|
+
=t
|
144
142
|
&:target
|
145
143
|
@content
|
146
144
|
|
145
|
+
// The :before and :after pseudo-elements
|
146
|
+
=ps
|
147
|
+
&:before,
|
148
|
+
&:after
|
149
|
+
@content
|
150
|
+
|
147
151
|
=bf
|
148
152
|
&:before
|
149
153
|
@content
|
@@ -152,7 +156,7 @@
|
|
152
156
|
&:after
|
153
157
|
@content
|
154
158
|
|
155
|
-
|
156
|
-
|
157
|
-
&:
|
159
|
+
// The :first-letter pseudo-element
|
160
|
+
=firstlet
|
161
|
+
&:first-letter
|
158
162
|
@content
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: rtpl-compass
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: '1.
|
4
|
+
version: '1.3'
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Sergii Rudchyk
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2015-
|
11
|
+
date: 2015-04-06 00:00:00.000000000 Z
|
12
12
|
dependencies: []
|
13
13
|
description: A compass template (Sass syntax) implementation of Sergii Rudchyk's
|
14
14
|
email:
|