spuit 0.0.13 → 0.0.14
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/Gemfile.lock +63 -5
- data/README.md +8 -30
- data/Rakefile +9 -1
- data/assets/javascripts/scripts.js +3 -1
- data/assets/stylesheets/styles.scss +1 -0
- data/assets/stylesheets/styles/config/_mixins.scss +3 -0
- data/bin/spuit +5 -0
- data/design/icons.sketch +0 -0
- data/dist/index.html +19 -22
- data/lib/spuit.rb +3 -32
- data/lib/spuit/generator.rb +22 -21
- data/lib/spuit/version.rb +3 -3
- data/package.json +3 -3
- data/scss/elements/_custom-checkbox.scss +93 -0
- data/scss/modules/_reset.scss +3 -2
- data/spuit.gemspec +23 -19
- data/spuit.scss +3 -2
- data/yarn.lock +4 -3
- metadata +85 -15
- data/scss/elements/_checkbox.sass +0 -46
- data/scss/elements/_radio.sass +0 -47
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: e5266a3ac4c59027402fee975faa6d560e021726fbdf3ece27b83f6fcfcae23a
|
4
|
+
data.tar.gz: a6cd4cf43baf527ba690c7436fcb7ad944642969e3e60f7b467c095c2d752a9b
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 53aa7ee0fd2f452ea94348972c9e42d20c618f36eba1b1523e3eeff309fd0391941b067273e90c21466aacb534ecb2e4058278163f994ebd02e4d632324d45a6
|
7
|
+
data.tar.gz: 66f6aa7a79d829cbe4f7d06eb3cc12e1086ae0164465be516116d554d01438be9e7848a4d82c984c26ba986c6f9cc537ee4dcc00c98e27f17423b0001d075130
|
data/Gemfile.lock
CHANGED
@@ -1,21 +1,79 @@
|
|
1
1
|
PATH
|
2
2
|
remote: .
|
3
3
|
specs:
|
4
|
-
spuit (0.0.
|
5
|
-
|
4
|
+
spuit (0.0.14)
|
5
|
+
sass (~> 3.4)
|
6
6
|
thor (~> 0.19)
|
7
7
|
|
8
8
|
GEM
|
9
9
|
remote: https://rubygems.org/
|
10
10
|
specs:
|
11
|
-
|
12
|
-
|
11
|
+
addressable (2.6.0)
|
12
|
+
public_suffix (>= 2.0.2, < 4.0)
|
13
|
+
aruba (0.14.9)
|
14
|
+
childprocess (>= 0.6.3, < 1.1.0)
|
15
|
+
contracts (~> 0.9)
|
16
|
+
cucumber (>= 1.3.19)
|
17
|
+
ffi (~> 1.9)
|
18
|
+
rspec-expectations (>= 2.99)
|
19
|
+
thor (~> 0.19)
|
20
|
+
builder (3.2.3)
|
21
|
+
childprocess (1.0.1)
|
22
|
+
rake (< 13.0)
|
23
|
+
contracts (0.16.0)
|
24
|
+
css_parser (1.7.0)
|
25
|
+
addressable
|
26
|
+
cucumber (2.99.0)
|
27
|
+
builder (>= 2.1.2)
|
28
|
+
cucumber-core (~> 1.5.0)
|
29
|
+
cucumber-wire (~> 0.0.1)
|
30
|
+
diff-lcs (>= 1.1.3)
|
31
|
+
gherkin (~> 4.0)
|
32
|
+
multi_json (>= 1.7.5, < 2.0)
|
33
|
+
multi_test (>= 0.1.2)
|
34
|
+
cucumber-core (1.5.0)
|
35
|
+
gherkin (~> 4.0)
|
36
|
+
cucumber-wire (0.0.1)
|
37
|
+
diff-lcs (1.3)
|
38
|
+
ffi (1.11.1)
|
39
|
+
gherkin (4.1.3)
|
40
|
+
multi_json (1.13.1)
|
41
|
+
multi_test (0.1.2)
|
42
|
+
public_suffix (3.1.0)
|
43
|
+
rake (11.3.0)
|
44
|
+
rb-fsevent (0.10.3)
|
45
|
+
rb-inotify (0.10.0)
|
46
|
+
ffi (~> 1.0)
|
47
|
+
rspec (3.8.0)
|
48
|
+
rspec-core (~> 3.8.0)
|
49
|
+
rspec-expectations (~> 3.8.0)
|
50
|
+
rspec-mocks (~> 3.8.0)
|
51
|
+
rspec-core (3.8.0)
|
52
|
+
rspec-support (~> 3.8.0)
|
53
|
+
rspec-expectations (3.8.3)
|
54
|
+
diff-lcs (>= 1.2.0, < 2.0)
|
55
|
+
rspec-support (~> 3.8.0)
|
56
|
+
rspec-mocks (3.8.0)
|
57
|
+
diff-lcs (>= 1.2.0, < 2.0)
|
58
|
+
rspec-support (~> 3.8.0)
|
59
|
+
rspec-support (3.8.0)
|
60
|
+
sass (3.7.4)
|
61
|
+
sass-listen (~> 4.0.0)
|
62
|
+
sass-listen (4.0.0)
|
63
|
+
rb-fsevent (~> 0.9, >= 0.9.4)
|
64
|
+
rb-inotify (~> 0.9, >= 0.9.7)
|
65
|
+
thor (0.20.3)
|
13
66
|
|
14
67
|
PLATFORMS
|
15
68
|
ruby
|
16
69
|
|
17
70
|
DEPENDENCIES
|
71
|
+
aruba (~> 0.14)
|
72
|
+
css_parser (~> 1.4)
|
73
|
+
cucumber (~> 2.0)
|
74
|
+
rake (~> 11.1)
|
75
|
+
rspec (~> 3.4)
|
18
76
|
spuit!
|
19
77
|
|
20
78
|
BUNDLED WITH
|
21
|
-
1.
|
79
|
+
1.17.3
|
data/README.md
CHANGED
@@ -20,41 +20,19 @@ import:
|
|
20
20
|
|
21
21
|
## rails
|
22
22
|
|
23
|
-
|
24
|
-
|
25
|
-
```
|
26
|
-
$ rails new app_name --webpack
|
27
|
-
```
|
23
|
+
---
|
28
24
|
|
29
|
-
|
25
|
+
For Development
|
30
26
|
|
31
|
-
|
32
|
-
gem 'spuit'
|
33
|
-
gem 'foreman'
|
34
|
-
```
|
35
|
-
|
36
|
-
app/javascripts/packs/application.scss
|
27
|
+
## local server
|
37
28
|
|
38
29
|
```
|
39
|
-
|
30
|
+
$ yarn install
|
31
|
+
$ yarn run dev
|
40
32
|
```
|
41
33
|
|
42
|
-
|
34
|
+
## deploy
|
43
35
|
|
44
36
|
```
|
45
|
-
|
46
|
-
|
47
|
-
```
|
48
|
-
|
49
|
-
app/views/layouts/application.html.erb
|
50
|
-
|
51
|
-
```
|
52
|
-
<%= stylesheet_pack_tag 'application' %>
|
53
|
-
```
|
54
|
-
|
55
|
-
```
|
56
|
-
$ bundle install
|
57
|
-
$ yarn add spuit
|
58
|
-
$ foreman start
|
59
|
-
$ open http://localhost:5000/
|
60
|
-
```
|
37
|
+
$ yarn run deploy
|
38
|
+
```
|
data/Rakefile
CHANGED
data/bin/spuit
ADDED
data/design/icons.sketch
CHANGED
Binary file
|
data/dist/index.html
CHANGED
@@ -1,13 +1,13 @@
|
|
1
|
-
<!DOCTYPE html>
|
2
|
-
<html lang="ja">
|
3
|
-
<head>
|
4
|
-
<meta charset="utf-8">
|
5
|
-
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
6
|
-
<meta name="viewport" content="width=device-width, initial-scale=1">
|
7
|
-
<title></title>
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<html lang="ja">
|
3
|
+
<head>
|
4
|
+
<meta charset="utf-8">
|
5
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
6
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
7
|
+
<title></title>
|
8
8
|
|
9
9
|
<link href="/stylesheets/styles.css" rel="stylesheet">
|
10
|
-
</head>
|
10
|
+
</head>
|
11
11
|
<body>
|
12
12
|
|
13
13
|
<div class="container">
|
@@ -18,8 +18,8 @@
|
|
18
18
|
</div>
|
19
19
|
</div>
|
20
20
|
|
21
|
-
<div class="container">
|
22
|
-
<div class="row">
|
21
|
+
<div class="container">
|
22
|
+
<div class="row">
|
23
23
|
<div class="col-md-4">
|
24
24
|
<section class="demo-styles">
|
25
25
|
<h2>Text Styles</h2>
|
@@ -80,7 +80,7 @@
|
|
80
80
|
</div>
|
81
81
|
<div class="fieldset">
|
82
82
|
<legend>お問い合わせ内容</legend>
|
83
|
-
<textarea cols="50" id="field-textarea" placeholder="お問い合わせ内容を入力下さい" rows="10"></textarea>
|
83
|
+
<textarea cols="50" id="field-textarea" placeholder="お問い合わせ内容を入力下さい" rows="10"></textarea>
|
84
84
|
</div>
|
85
85
|
<div class="fieldset">
|
86
86
|
<legend>ラジオボタン(並列)</legend>
|
@@ -134,7 +134,7 @@
|
|
134
134
|
</li>
|
135
135
|
</ul>
|
136
136
|
</div>
|
137
|
-
<div class="fieldset">
|
137
|
+
<div class="fieldset">
|
138
138
|
<legend>チェックボックス(並列)</legend>
|
139
139
|
<ul class="reset-ul">
|
140
140
|
<li class="checkbox">
|
@@ -207,21 +207,21 @@
|
|
207
207
|
</select>
|
208
208
|
</div>
|
209
209
|
</div>
|
210
|
-
<div class="fieldset">
|
210
|
+
<!-- <div class="fieldset">
|
211
211
|
<legend>ファイルアップロード</legend>
|
212
212
|
<div class="file-upload">
|
213
213
|
<input type="file" name="file-upload" id="file-upload">
|
214
214
|
<label for="file-upload">ファイルを選択する</label>
|
215
215
|
<span class="selected"></span>
|
216
216
|
</div>
|
217
|
-
</div>
|
217
|
+
</div> -->
|
218
218
|
<div class="fieldset">
|
219
219
|
<div class="button-group">
|
220
220
|
<input class="button" type="submit" value="送信">
|
221
221
|
<input class="button-border" type="reset" value="リセット">
|
222
222
|
</div>
|
223
223
|
</div>
|
224
|
-
</form>
|
224
|
+
</form>
|
225
225
|
</section>
|
226
226
|
</div>
|
227
227
|
<div class="col-md-4">
|
@@ -308,7 +308,7 @@
|
|
308
308
|
</section>
|
309
309
|
</div>
|
310
310
|
</div>
|
311
|
-
</div>
|
311
|
+
</div>
|
312
312
|
|
313
313
|
<div class="container pt-3">
|
314
314
|
<div class="row">
|
@@ -318,9 +318,6 @@
|
|
318
318
|
</div>
|
319
319
|
</div>
|
320
320
|
|
321
|
-
<script src="
|
322
|
-
|
323
|
-
|
324
|
-
<script src="/javascripts/scripts.min.js"></script>
|
325
|
-
</body>
|
326
|
-
</html>
|
321
|
+
<script src="/javascripts/scripts.js"></script>
|
322
|
+
</body>
|
323
|
+
</html>
|
data/lib/spuit.rb
CHANGED
@@ -1,41 +1,12 @@
|
|
1
|
-
|
2
|
-
# CodeKit needs relative paths
|
3
|
-
dir = File.dirname(__FILE__)
|
4
|
-
$LOAD_PATH.unshift dir unless $LOAD_PATH.include?(dir)
|
5
|
-
|
1
|
+
require "sass"
|
6
2
|
require "spuit/generator"
|
7
|
-
require "spuit/version"
|
8
|
-
require 'sass'
|
9
|
-
require 'spuit'
|
10
|
-
|
11
|
-
unless defined?(Sass)
|
12
|
-
require 'sass'
|
13
|
-
end
|
14
3
|
|
15
4
|
module Spuit
|
16
|
-
@components ||= []
|
17
|
-
class << self
|
18
|
-
attr_accessor :components
|
19
|
-
|
20
|
-
def load_paths
|
21
|
-
components.flat_map(&:load_paths)
|
22
|
-
end
|
23
|
-
end
|
24
|
-
|
25
5
|
if defined?(Rails) && defined?(Rails::Engine)
|
26
6
|
class Engine < ::Rails::Engine
|
27
|
-
|
28
|
-
end
|
29
|
-
|
30
|
-
module Rails
|
31
|
-
class Railtie < ::Rails::Railtie
|
32
|
-
rake_tasks do
|
33
|
-
load "tasks/install.rake"
|
34
|
-
end
|
35
|
-
end
|
7
|
+
config.assets.paths << File.expand_path("../scss", __FILE__)
|
36
8
|
end
|
37
9
|
else
|
38
|
-
|
39
|
-
ENV["SASS_PATH"] = [ENV["SASS_PATH"], spuit_path].compact.join(File::PATH_SEPARATOR)
|
10
|
+
Sass.load_paths << File.expand_path("../scss", __FILE__)
|
40
11
|
end
|
41
12
|
end
|
data/lib/spuit/generator.rb
CHANGED
@@ -1,50 +1,51 @@
|
|
1
|
-
require
|
1
|
+
require "spuit/version"
|
2
2
|
require "fileutils"
|
3
|
-
require
|
3
|
+
require "thor"
|
4
|
+
require "pathname"
|
4
5
|
|
5
|
-
module Spuit
|
6
|
+
module Spuit
|
6
7
|
class Generator < Thor
|
7
|
-
map [
|
8
|
+
map ["-v", "--version"] => :version
|
8
9
|
|
9
|
-
desc
|
10
|
+
desc "install", "Install Spuit into your project"
|
10
11
|
method_options :path => :string, :force => :boolean
|
11
12
|
def install
|
12
|
-
if spuit_files_already_exist? && !options[:force]
|
13
|
-
puts "Spuit files already installed, doing nothing."
|
13
|
+
if spuit_files_already_exist? && !options[:force]
|
14
|
+
puts "Spuit files already installed, doing nothing."
|
14
15
|
else
|
15
16
|
install_files
|
16
|
-
puts "Spuit files installed to #{install_path}/"
|
17
|
+
puts "Spuit files installed to #{install_path}/"
|
17
18
|
end
|
18
19
|
end
|
19
20
|
|
20
|
-
desc
|
21
|
+
desc "update", "Update Spuit"
|
21
22
|
method_options :path => :string
|
22
23
|
def update
|
23
|
-
if spuit_files_already_exist?
|
24
|
-
remove_spuit_directory
|
24
|
+
if spuit_files_already_exist?
|
25
|
+
remove_spuit_directory
|
25
26
|
install_files
|
26
|
-
puts "Spuit files updated."
|
27
|
+
puts "Spuit files updated."
|
27
28
|
else
|
28
|
-
puts "No existing spuit installation. Doing nothing."
|
29
|
+
puts "No existing spuit installation. Doing nothing."
|
29
30
|
end
|
30
31
|
end
|
31
32
|
|
32
|
-
desc
|
33
|
+
desc "version", "Show spuit version"
|
33
34
|
def version
|
34
|
-
say "
|
35
|
+
say "spuit #{Spuit::VERSION}"
|
35
36
|
end
|
36
37
|
|
37
38
|
private
|
38
39
|
|
39
|
-
def spuit_files_already_exist?
|
40
|
+
def spuit_files_already_exist?
|
40
41
|
install_path.exist?
|
41
42
|
end
|
42
43
|
|
43
44
|
def install_path
|
44
45
|
@install_path ||= if options[:path]
|
45
|
-
Pathname.new(File.join(options[:path],
|
46
|
+
Pathname.new(File.join(options[:path], "spuit"))
|
46
47
|
else
|
47
|
-
Pathname.new(
|
48
|
+
Pathname.new("spuit")
|
48
49
|
end
|
49
50
|
end
|
50
51
|
|
@@ -53,8 +54,8 @@ module Spuit
|
|
53
54
|
copy_in_scss_files
|
54
55
|
end
|
55
56
|
|
56
|
-
def remove_spuit_directory
|
57
|
-
FileUtils.rm_rf(
|
57
|
+
def remove_spuit_directory
|
58
|
+
FileUtils.rm_rf(install_path)
|
58
59
|
end
|
59
60
|
|
60
61
|
def make_install_directory
|
@@ -70,7 +71,7 @@ module Spuit
|
|
70
71
|
end
|
71
72
|
|
72
73
|
def stylesheets_directory
|
73
|
-
File.join(top_level_directory, "
|
74
|
+
File.join(top_level_directory, "core")
|
74
75
|
end
|
75
76
|
|
76
77
|
def top_level_directory
|
data/lib/spuit/version.rb
CHANGED
@@ -1,3 +1,3 @@
|
|
1
|
-
module Spuit
|
2
|
-
VERSION = "0.0.
|
3
|
-
end
|
1
|
+
module Spuit
|
2
|
+
VERSION = "0.0.14"
|
3
|
+
end
|
data/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "spuit",
|
3
|
-
"version": "0.0.
|
3
|
+
"version": "0.0.13",
|
4
4
|
"description": "JS + Sass Mixin Library",
|
5
5
|
"main": "spuit.scss",
|
6
6
|
"repository": {
|
@@ -26,7 +26,7 @@
|
|
26
26
|
"popper.js": "^1.14.3",
|
27
27
|
"postcss-loader": "^2.0.10",
|
28
28
|
"sass-loader": "^6.0.6",
|
29
|
-
"spuit": "0.0.
|
29
|
+
"spuit": "0.0.13",
|
30
30
|
"style-loader": "^0.20.3",
|
31
31
|
"uglifyjs-webpack-plugin": "^1.2.4",
|
32
32
|
"webpack": "^4.4.1",
|
@@ -41,6 +41,6 @@
|
|
41
41
|
"dev": "open http://localhost:8080/ && webpack-dev-server --progress --mode development --config webpack/webpack.config.js",
|
42
42
|
"watch": "webpack --watch --progress --mode development --config webpack/webpack.config.js",
|
43
43
|
"build": "webpack --progress --mode production --config webpack/webpack.config.js",
|
44
|
-
"deploy": "
|
44
|
+
"deploy": "npm publish"
|
45
45
|
}
|
46
46
|
}
|
@@ -0,0 +1,93 @@
|
|
1
|
+
@mixin selectable-default {
|
2
|
+
display: inline-block;
|
3
|
+
margin: 0;
|
4
|
+
|
5
|
+
input[type=radio] {
|
6
|
+
display: inline-block;
|
7
|
+
margin: 0;
|
8
|
+
}
|
9
|
+
|
10
|
+
label {
|
11
|
+
cursor: pointer;
|
12
|
+
margin: 0;
|
13
|
+
}
|
14
|
+
}
|
15
|
+
|
16
|
+
@mixin selectable-content($icon, $r) {
|
17
|
+
display: flex;
|
18
|
+
align-items: center;
|
19
|
+
align-content: center;
|
20
|
+
justify-content: flex-start;
|
21
|
+
margin: 0;
|
22
|
+
padding: 0 1rem 0 0;
|
23
|
+
line-height: 1;
|
24
|
+
cursor: pointer;
|
25
|
+
|
26
|
+
&::before {
|
27
|
+
content: '';
|
28
|
+
display: inline-block;
|
29
|
+
position: relative;
|
30
|
+
background-image: url('data:image/svg+xml;base64,#{$icon}');
|
31
|
+
background-repeat: no-repeat;
|
32
|
+
background-position: center center;
|
33
|
+
flex: 0 0 $r;
|
34
|
+
width: $r;
|
35
|
+
height: $r;
|
36
|
+
vertical-align: middle;
|
37
|
+
line-height: 1;
|
38
|
+
background-color: #fff;
|
39
|
+
border: 1px solid #ddd;
|
40
|
+
margin: 0 .4rem 0 0;
|
41
|
+
padding: 0;
|
42
|
+
}
|
43
|
+
}
|
44
|
+
|
45
|
+
@mixin checkbox-base($tag: label, $r: 18px, $color-key: #529ef6) {
|
46
|
+
@include selectable-default;
|
47
|
+
$icon: 'DQo8c3ZnIHdpZHRoPSIxMXB4IiBoZWlnaHQ9IjExcHgiIHZpZXdCb3g9Ijg2IDIyNiAxMSAxMSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQyICgzNjc4MSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+DQogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+DQogICAgPGRlZnM+PC9kZWZzPg0KICAgIDxwYXRoIGQ9Ik04OS4yOTI4OTMyLDIzMi43MDcxMDcgTDk1LjI5Mjg5MzIsMjMyLjcwNzEwNyBMOTUuMjkyODkzMiwyMzQuNzA3MTA3IEw4Ny4yOTI4OTMyLDIzNC43MDcxMDcgTDg3LjI5Mjg5MzIsMjMzLjcwNzEwNyBMODcuMjkyODkzMiwyMjguNzA3MTA3IEw4OS4yOTI4OTMyLDIyOC43MDcxMDcgTDg5LjI5Mjg5MzIsMjMyLjcwNzEwNyBaIiBpZD0iY2hlY2siIHN0cm9rZT0ibm9uZSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5MS4yOTI4OTMsIDIzMS43MDcxMDcpIHJvdGF0ZSgtNDUuMDAwMDAwKSB0cmFuc2xhdGUoLTkxLjI5Mjg5MywgLTIzMS43MDcxMDcpICI+PC9wYXRoPg0KPC9zdmc+';
|
48
|
+
|
49
|
+
#{$tag} {
|
50
|
+
@include selectable-content($icon, $r);
|
51
|
+
&::before {
|
52
|
+
background-size: 16px 14px;
|
53
|
+
background-position: center 0;
|
54
|
+
border-radius: .2rem;
|
55
|
+
}
|
56
|
+
}
|
57
|
+
|
58
|
+
input[type=checkbox] {
|
59
|
+
display: none;
|
60
|
+
|
61
|
+
&:checked + #{$tag} {
|
62
|
+
&::before {
|
63
|
+
background-color: $color-key;
|
64
|
+
border-color: $color-key;
|
65
|
+
}
|
66
|
+
}
|
67
|
+
}
|
68
|
+
}
|
69
|
+
|
70
|
+
@mixin radio-base($tag: label, $r: 18px, $color-key: #529ef6) {
|
71
|
+
@include selectable-default;
|
72
|
+
$icon: 'DQo8c3ZnIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4IiB2aWV3Qm94PSIxMTEgMjMwIDYgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQyICgzNjc4MSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+DQogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+DQogICAgPGRlZnM+PC9kZWZzPg0KICAgIDxyZWN0IGlkPSJjaXJjbGUiIHN0cm9rZT0ibm9uZSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiB4PSIxMTEiIHk9IjIzMCIgd2lkdGg9IjYiIGhlaWdodD0iNiIgcng9IjMiPjwvcmVjdD4NCjwvc3ZnPg==';
|
73
|
+
|
74
|
+
#{$tag} {
|
75
|
+
@include selectable-content($icon, $r);
|
76
|
+
|
77
|
+
&::before {
|
78
|
+
background-size: 8px 8px;
|
79
|
+
border-radius: $r;
|
80
|
+
}
|
81
|
+
}
|
82
|
+
|
83
|
+
input[type=radio] {
|
84
|
+
display: none;
|
85
|
+
|
86
|
+
&:checked + #{$tag} {
|
87
|
+
&::before {
|
88
|
+
background-color: $color-key;
|
89
|
+
border-color: $color-key;
|
90
|
+
}
|
91
|
+
}
|
92
|
+
}
|
93
|
+
}
|
data/scss/modules/_reset.scss
CHANGED
@@ -1,9 +1,10 @@
|
|
1
|
-
@mixin reset-form(
|
1
|
+
@mixin reset-form() {
|
2
2
|
margin: 0;
|
3
3
|
padding: 0;
|
4
4
|
border-radius: 0;
|
5
|
-
background-image:
|
5
|
+
background-image: none;
|
6
6
|
background: transparent;
|
7
|
+
-webkit-appearance: none;
|
7
8
|
appearance: none;
|
8
9
|
border: none;
|
9
10
|
outline: none;
|
data/spuit.gemspec
CHANGED
@@ -1,23 +1,27 @@
|
|
1
1
|
# coding: utf-8
|
2
|
-
|
3
|
-
|
4
|
-
require 'spuit/version'
|
5
|
-
|
6
|
-
Gem::Specification.new do |spec|
|
7
|
-
spec.name = "spuit"
|
8
|
-
spec.version = Spuit::VERSION
|
9
|
-
spec.authors = ["is8r"]
|
10
|
-
spec.email = ["ishihara.yu@gmail.com"]
|
11
|
-
spec.description = %q{Sass mixins.}
|
12
|
-
spec.summary = %q{Sass mixins.}
|
13
|
-
spec.homepage = ""
|
14
|
-
spec.license = "MIT"
|
2
|
+
$:.push File.expand_path("../lib", __FILE__)
|
3
|
+
require 'spuit/version'
|
15
4
|
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
5
|
+
Gem::Specification.new do |s|
|
6
|
+
s.add_development_dependency "aruba", "~> 0.14"
|
7
|
+
s.add_development_dependency "css_parser", "~> 1.4"
|
8
|
+
s.add_development_dependency "cucumber", "~> 2.0"
|
9
|
+
s.add_development_dependency "rake", "~> 11.1"
|
10
|
+
s.add_development_dependency "rspec", "~> 3.4"
|
11
|
+
s.add_runtime_dependency "sass", "~> 3.4"
|
12
|
+
s.add_runtime_dependency "thor", "~> 0.19"
|
20
13
|
|
21
|
-
|
22
|
-
|
14
|
+
s.authors = ["is8r"]
|
15
|
+
s.description = %q{Sass mixins.}
|
16
|
+
s.email = ["ishihara.yu@gmail.com"]
|
17
|
+
s.executables = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
|
18
|
+
s.files = `git ls-files`.split("\n")
|
19
|
+
s.homepage = ""
|
20
|
+
s.license = "MIT"
|
21
|
+
s.name = "spuit"
|
22
|
+
s.platform = Gem::Platform::RUBY
|
23
|
+
s.require_paths = ["lib"]
|
24
|
+
s.summary = %q{Sass mixins.}
|
25
|
+
s.test_files = `git ls-files -- {test,spec,features}/*`.split("\n")
|
26
|
+
s.version = Spuit::VERSION
|
23
27
|
end
|
data/spuit.scss
CHANGED
@@ -42,6 +42,7 @@
|
|
42
42
|
@import 'scss/elements/table';
|
43
43
|
@import 'scss/elements/input';
|
44
44
|
@import 'scss/elements/fieldset';
|
45
|
-
@import 'scss/elements/radio';
|
46
|
-
@import 'scss/elements/checkbox';
|
45
|
+
// @import 'scss/elements/radio';
|
46
|
+
// @import 'scss/elements/checkbox';
|
47
|
+
@import 'scss/elements/custom-checkbox';
|
47
48
|
@import 'scss/elements/select';
|
data/yarn.lock
CHANGED
@@ -7408,9 +7408,10 @@ sprintf-js@~1.0.2:
|
|
7408
7408
|
version "1.0.3"
|
7409
7409
|
resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c"
|
7410
7410
|
|
7411
|
-
spuit@0.0.
|
7412
|
-
version "0.0.
|
7413
|
-
resolved "https://registry.yarnpkg.com/spuit/-/spuit-0.0.
|
7411
|
+
spuit@0.0.13:
|
7412
|
+
version "0.0.13"
|
7413
|
+
resolved "https://registry.yarnpkg.com/spuit/-/spuit-0.0.13.tgz#a12a9c0052243c49abe7478ad13c4a5383d6e01d"
|
7414
|
+
integrity sha512-xDJreBtBlcCScr9BB6FZVZOV3FdyoFtNbzYqzxctUgEvGqVxpjzj5aXM4KoJkXYSUDaPHqb4175EUZlPlPL7GQ==
|
7414
7415
|
dependencies:
|
7415
7416
|
npm "^6.0.1"
|
7416
7417
|
|
metadata
CHANGED
@@ -1,47 +1,118 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: spuit
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.0.
|
4
|
+
version: 0.0.14
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- is8r
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date:
|
11
|
+
date: 2019-05-31 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
|
-
name:
|
14
|
+
name: aruba
|
15
15
|
requirement: !ruby/object:Gem::Requirement
|
16
16
|
requirements:
|
17
17
|
- - "~>"
|
18
18
|
- !ruby/object:Gem::Version
|
19
|
-
version: '0.
|
20
|
-
type: :
|
19
|
+
version: '0.14'
|
20
|
+
type: :development
|
21
21
|
prerelease: false
|
22
22
|
version_requirements: !ruby/object:Gem::Requirement
|
23
23
|
requirements:
|
24
24
|
- - "~>"
|
25
25
|
- !ruby/object:Gem::Version
|
26
|
-
version: '0.
|
26
|
+
version: '0.14'
|
27
|
+
- !ruby/object:Gem::Dependency
|
28
|
+
name: css_parser
|
29
|
+
requirement: !ruby/object:Gem::Requirement
|
30
|
+
requirements:
|
31
|
+
- - "~>"
|
32
|
+
- !ruby/object:Gem::Version
|
33
|
+
version: '1.4'
|
34
|
+
type: :development
|
35
|
+
prerelease: false
|
36
|
+
version_requirements: !ruby/object:Gem::Requirement
|
37
|
+
requirements:
|
38
|
+
- - "~>"
|
39
|
+
- !ruby/object:Gem::Version
|
40
|
+
version: '1.4'
|
41
|
+
- !ruby/object:Gem::Dependency
|
42
|
+
name: cucumber
|
43
|
+
requirement: !ruby/object:Gem::Requirement
|
44
|
+
requirements:
|
45
|
+
- - "~>"
|
46
|
+
- !ruby/object:Gem::Version
|
47
|
+
version: '2.0'
|
48
|
+
type: :development
|
49
|
+
prerelease: false
|
50
|
+
version_requirements: !ruby/object:Gem::Requirement
|
51
|
+
requirements:
|
52
|
+
- - "~>"
|
53
|
+
- !ruby/object:Gem::Version
|
54
|
+
version: '2.0'
|
27
55
|
- !ruby/object:Gem::Dependency
|
28
56
|
name: rake
|
29
57
|
requirement: !ruby/object:Gem::Requirement
|
30
58
|
requirements:
|
31
|
-
- - "
|
59
|
+
- - "~>"
|
60
|
+
- !ruby/object:Gem::Version
|
61
|
+
version: '11.1'
|
62
|
+
type: :development
|
63
|
+
prerelease: false
|
64
|
+
version_requirements: !ruby/object:Gem::Requirement
|
65
|
+
requirements:
|
66
|
+
- - "~>"
|
67
|
+
- !ruby/object:Gem::Version
|
68
|
+
version: '11.1'
|
69
|
+
- !ruby/object:Gem::Dependency
|
70
|
+
name: rspec
|
71
|
+
requirement: !ruby/object:Gem::Requirement
|
72
|
+
requirements:
|
73
|
+
- - "~>"
|
74
|
+
- !ruby/object:Gem::Version
|
75
|
+
version: '3.4'
|
76
|
+
type: :development
|
77
|
+
prerelease: false
|
78
|
+
version_requirements: !ruby/object:Gem::Requirement
|
79
|
+
requirements:
|
80
|
+
- - "~>"
|
81
|
+
- !ruby/object:Gem::Version
|
82
|
+
version: '3.4'
|
83
|
+
- !ruby/object:Gem::Dependency
|
84
|
+
name: sass
|
85
|
+
requirement: !ruby/object:Gem::Requirement
|
86
|
+
requirements:
|
87
|
+
- - "~>"
|
88
|
+
- !ruby/object:Gem::Version
|
89
|
+
version: '3.4'
|
90
|
+
type: :runtime
|
91
|
+
prerelease: false
|
92
|
+
version_requirements: !ruby/object:Gem::Requirement
|
93
|
+
requirements:
|
94
|
+
- - "~>"
|
95
|
+
- !ruby/object:Gem::Version
|
96
|
+
version: '3.4'
|
97
|
+
- !ruby/object:Gem::Dependency
|
98
|
+
name: thor
|
99
|
+
requirement: !ruby/object:Gem::Requirement
|
100
|
+
requirements:
|
101
|
+
- - "~>"
|
32
102
|
- !ruby/object:Gem::Version
|
33
|
-
version: '0'
|
103
|
+
version: '0.19'
|
34
104
|
type: :runtime
|
35
105
|
prerelease: false
|
36
106
|
version_requirements: !ruby/object:Gem::Requirement
|
37
107
|
requirements:
|
38
|
-
- - "
|
108
|
+
- - "~>"
|
39
109
|
- !ruby/object:Gem::Version
|
40
|
-
version: '0'
|
110
|
+
version: '0.19'
|
41
111
|
description: Sass mixins.
|
42
112
|
email:
|
43
113
|
- ishihara.yu@gmail.com
|
44
|
-
executables:
|
114
|
+
executables:
|
115
|
+
- spuit
|
45
116
|
extensions: []
|
46
117
|
extra_rdoc_files: []
|
47
118
|
files:
|
@@ -58,6 +129,7 @@ files:
|
|
58
129
|
- assets/stylesheets/styles.scss
|
59
130
|
- assets/stylesheets/styles/config/_mixins.scss
|
60
131
|
- assets/stylesheets/styles/config/_variables.scss
|
132
|
+
- bin/spuit
|
61
133
|
- design/icons.sketch
|
62
134
|
- dist/favicon.png
|
63
135
|
- dist/index.html
|
@@ -84,12 +156,11 @@ files:
|
|
84
156
|
- scss/components/_triangle.sass
|
85
157
|
- scss/components/_wordwrap-fadeout.sass
|
86
158
|
- scss/components/_wrap.sass
|
87
|
-
- scss/elements/
|
159
|
+
- scss/elements/_custom-checkbox.scss
|
88
160
|
- scss/elements/_dl.sass
|
89
161
|
- scss/elements/_fieldset.sass
|
90
162
|
- scss/elements/_hr.sass
|
91
163
|
- scss/elements/_input.sass
|
92
|
-
- scss/elements/_radio.sass
|
93
164
|
- scss/elements/_select.scss
|
94
165
|
- scss/elements/_table.sass
|
95
166
|
- scss/includes/_animations.scss
|
@@ -144,8 +215,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
144
215
|
- !ruby/object:Gem::Version
|
145
216
|
version: '0'
|
146
217
|
requirements: []
|
147
|
-
|
148
|
-
rubygems_version: 2.7.6
|
218
|
+
rubygems_version: 3.0.3
|
149
219
|
signing_key:
|
150
220
|
specification_version: 4
|
151
221
|
summary: Sass mixins.
|
@@ -1,46 +0,0 @@
|
|
1
|
-
=checkbox-default
|
2
|
-
margin: 0
|
3
|
-
display: inline-block
|
4
|
-
vertical-align: top
|
5
|
-
|
6
|
-
input[type=checkbox]
|
7
|
-
display: inline-block
|
8
|
-
margin: 0 4px 0 0
|
9
|
-
label
|
10
|
-
cursor: pointer
|
11
|
-
margin: 0
|
12
|
-
|
13
|
-
=checkbox-base($tag: label, $w: 18px, $color-key: #529ef6)
|
14
|
-
+checkbox-default
|
15
|
-
$icon: 'DQo8c3ZnIHdpZHRoPSIxMXB4IiBoZWlnaHQ9IjExcHgiIHZpZXdCb3g9Ijg2IDIyNiAxMSAxMSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQyICgzNjc4MSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+DQogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+DQogICAgPGRlZnM+PC9kZWZzPg0KICAgIDxwYXRoIGQ9Ik04OS4yOTI4OTMyLDIzMi43MDcxMDcgTDk1LjI5Mjg5MzIsMjMyLjcwNzEwNyBMOTUuMjkyODkzMiwyMzQuNzA3MTA3IEw4Ny4yOTI4OTMyLDIzNC43MDcxMDcgTDg3LjI5Mjg5MzIsMjMzLjcwNzEwNyBMODcuMjkyODkzMiwyMjguNzA3MTA3IEw4OS4yOTI4OTMyLDIyOC43MDcxMDcgTDg5LjI5Mjg5MzIsMjMyLjcwNzEwNyBaIiBpZD0iY2hlY2siIHN0cm9rZT0ibm9uZSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5MS4yOTI4OTMsIDIzMS43MDcxMDcpIHJvdGF0ZSgtNDUuMDAwMDAwKSB0cmFuc2xhdGUoLTkxLjI5Mjg5MywgLTIzMS43MDcxMDcpICI+PC9wYXRoPg0KPC9zdmc+'
|
16
|
-
|
17
|
-
#{$tag}
|
18
|
-
margin: 0
|
19
|
-
padding: 0
|
20
|
-
line-height: 1
|
21
|
-
cursor: pointer
|
22
|
-
|
23
|
-
&:before
|
24
|
-
content: url('data:image/svg+xml;base64,#{$icon}')
|
25
|
-
vertical-align: middle
|
26
|
-
box-sizing: border-box
|
27
|
-
text-align: center
|
28
|
-
background: #fff
|
29
|
-
width: $w
|
30
|
-
height: $w
|
31
|
-
line-height: $w - 5px
|
32
|
-
padding: 0 0 0 1px
|
33
|
-
border: 1px solid #ddd
|
34
|
-
display: inline-block
|
35
|
-
border-radius: 3px
|
36
|
-
|
37
|
-
&:hover
|
38
|
-
&:before
|
39
|
-
border-color: $color-key
|
40
|
-
|
41
|
-
input[type=checkbox]
|
42
|
-
display: none
|
43
|
-
|
44
|
-
&:checked + #{$tag}
|
45
|
-
&:before
|
46
|
-
background: $color-key
|
data/scss/elements/_radio.sass
DELETED
@@ -1,47 +0,0 @@
|
|
1
|
-
=radio-default
|
2
|
-
margin: 0
|
3
|
-
display: inline-block
|
4
|
-
vertical-align: top
|
5
|
-
|
6
|
-
input[type=radio]
|
7
|
-
display: inline-block
|
8
|
-
margin: 0 4px 0 0
|
9
|
-
label
|
10
|
-
cursor: pointer
|
11
|
-
margin: 0
|
12
|
-
|
13
|
-
=radio-base($tag: label, $w: 18px, $color-key: #529ef6)
|
14
|
-
+radio-default
|
15
|
-
$icon: 'DQo8c3ZnIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4IiB2aWV3Qm94PSIxMTEgMjMwIDYgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQyICgzNjc4MSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+DQogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+DQogICAgPGRlZnM+PC9kZWZzPg0KICAgIDxyZWN0IGlkPSJjaXJjbGUiIHN0cm9rZT0ibm9uZSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiB4PSIxMTEiIHk9IjIzMCIgd2lkdGg9IjYiIGhlaWdodD0iNiIgcng9IjMiPjwvcmVjdD4NCjwvc3ZnPg=='
|
16
|
-
|
17
|
-
#{$tag}
|
18
|
-
margin: 0
|
19
|
-
padding: 0
|
20
|
-
line-height: 1
|
21
|
-
cursor: pointer
|
22
|
-
display: inline-block
|
23
|
-
|
24
|
-
&:before
|
25
|
-
content: url('data:image/svg+xml;base64,#{$icon}')
|
26
|
-
vertical-align: middle
|
27
|
-
box-sizing: border-box
|
28
|
-
text-align: center
|
29
|
-
background: #fff
|
30
|
-
width: $w
|
31
|
-
height: $w
|
32
|
-
line-height: $w - 8px
|
33
|
-
padding: 0
|
34
|
-
border: 1px solid #ddd
|
35
|
-
display: inline-block
|
36
|
-
border-radius: $w
|
37
|
-
|
38
|
-
&:hover
|
39
|
-
&:before
|
40
|
-
border-color: $color-key
|
41
|
-
|
42
|
-
input[type=radio]
|
43
|
-
display: none
|
44
|
-
|
45
|
-
&:checked + #{$tag}
|
46
|
-
&:before
|
47
|
-
background-color: $color-key
|