simple_form_scss 0.0.1 → 0.0.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/.gitignore +2 -0
- data/README.md +11 -1
- data/app/assets/stylesheets/simple_form_scss.scss +9 -5
- data/lib/simple_form_scss/version.rb +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: 99e29befbe030ad65057088b26c1df8a8b1c8238
|
4
|
+
data.tar.gz: 59bc009faac26a87c6e42454f2d3778407e2f6f6
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: e26e8626849a87ed4d7e1abbfbf70614fa2484bca5243e118ae2bbaffb3af225091b2486f7465ff5500d699cc084e3e68c1a4ecec4b7be418c0e8fbe88dc28ed
|
7
|
+
data.tar.gz: 169309ff7d6b11950e510381abf43eff37629b6d012377e6d85ef9efc1e4abf47de077adf939021a7f607bc763527fcee41aced55b5822b88b720f5ecc84008a
|
data/.gitignore
CHANGED
data/README.md
CHANGED
@@ -2,6 +2,8 @@
|
|
2
2
|
|
3
3
|
CSS styling helpers for [Simple Form](https://github.com/plataformatec/simple_form).
|
4
4
|
|
5
|
+
![Simple Form SCSS Demo](http://character.s3.amazonaws.com/simple_form_demo.png)
|
6
|
+
|
5
7
|
## Setup
|
6
8
|
|
7
9
|
Add gem to ```Gemfile```:
|
@@ -69,4 +71,12 @@ Include and configure form styles in ```application.scss```:
|
|
69
71
|
<%= ff.input :_position, as: :hidden %>
|
70
72
|
<% end %>
|
71
73
|
<%= f.link_to_add "Add an Image", :images %>
|
72
|
-
</div>
|
74
|
+
</div>
|
75
|
+
|
76
|
+
## Author
|
77
|
+
|
78
|
+
Alexander Kravets @ [Slate Studio](http://www.slatestudio.com)
|
79
|
+
|
80
|
+
## License
|
81
|
+
|
82
|
+
MIT
|
@@ -10,6 +10,7 @@
|
|
10
10
|
$border_width: 2px,
|
11
11
|
$hover_color: #1fc776)
|
12
12
|
{ display: inline-block;
|
13
|
+
background-color: transparent;
|
13
14
|
text-align: center;
|
14
15
|
font-weight: 600;
|
15
16
|
color: $color;
|
@@ -49,9 +50,9 @@
|
|
49
50
|
}
|
50
51
|
}
|
51
52
|
|
52
|
-
@mixin simple_form( $
|
53
|
+
@mixin simple_form( $base_font_size: 12,
|
53
54
|
$color: #474a4c,
|
54
|
-
$max_width:
|
55
|
+
$max_width: 58,
|
55
56
|
$label_color: #a1a7b2,
|
56
57
|
$error_color: #bc3737,
|
57
58
|
$input_border_color: #e6e9f0,
|
@@ -61,9 +62,11 @@
|
|
61
62
|
$button_color: #9ca1ab,
|
62
63
|
$button_border_color: #d1d6e0,
|
63
64
|
$button_hover_color: #1fc776) {
|
64
|
-
|
65
|
+
|
66
|
+
$font_size: $base_font_size * 1px;
|
67
|
+
font-size: $font_size;
|
65
68
|
line-height: 1.5;
|
66
|
-
max-width: $max_width;
|
69
|
+
max-width: $max_width * 1em;
|
67
70
|
color: $color;
|
68
71
|
|
69
72
|
a { text-decoration: none; }
|
@@ -121,6 +124,7 @@
|
|
121
124
|
}
|
122
125
|
|
123
126
|
// BUTTONS
|
127
|
+
input[type=submit],
|
124
128
|
.button,
|
125
129
|
.nested_form .add_nested_fields { @include simple_form_button( $button_color,
|
126
130
|
$button_border_color,
|
@@ -157,7 +161,7 @@
|
|
157
161
|
font-weight: 600;
|
158
162
|
background: transparent;
|
159
163
|
border: none;
|
160
|
-
border-bottom: 1px dashed $
|
164
|
+
border-bottom: 1px dashed $input_border_color;
|
161
165
|
box-shadow: none;
|
162
166
|
}
|
163
167
|
img { position: absolute;
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: simple_form_scss
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.0.
|
4
|
+
version: 0.0.2
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Alexander Kravets
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2014-05
|
11
|
+
date: 2014-06-05 00:00:00.000000000 Z
|
12
12
|
dependencies: []
|
13
13
|
description: CSS styling helpers for Simple Form
|
14
14
|
email:
|