shipyard-framework 0.3.7 → 0.3.8
Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 28a5596eabc50a9fbc495dce6f3cd123562d8815
|
|
4
|
+
data.tar.gz: e4b9fa3713292407ffc12febc9f3b58cbd79ed50
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 79d7db3816c1041f32884f83298f85a4c2b31b6e94d587c7589f3115f868031d9f50a6ee49d5b0aa3500797a6504c915c722fd9fa5afcc4ce9a6d299ece0edf0
|
|
7
|
+
data.tar.gz: dc50600f0bf9f289d39aab552149591d80e22bd5c200e836f1988c58ba3ae25497d9c909ca1e9dc4564aa4c215bd9b445ce63d04a657e082ce7ae8aef757bc77
|
|
@@ -37,8 +37,12 @@
|
|
|
37
37
|
color: $text-color-lighter
|
|
38
38
|
outline: none
|
|
39
39
|
+respond-to(padding, (x0: 0 15px, x1: 0 20px))
|
|
40
|
+
+when('error')
|
|
41
|
+
border-color: $red
|
|
40
42
|
&:focus
|
|
41
43
|
border-color: $border-color-dark
|
|
44
|
+
+when('error')
|
|
45
|
+
border-color: darken($red, 15%)
|
|
42
46
|
&-container
|
|
43
47
|
position: relative
|
|
44
48
|
&::after
|
|
@@ -69,8 +73,12 @@
|
|
|
69
73
|
transition: border-color 300ms ease
|
|
70
74
|
outline: none
|
|
71
75
|
+respond-to(padding, (x0: 10px 15px, x1: 10px 20px))
|
|
76
|
+
+when('error')
|
|
77
|
+
border-color: $red
|
|
72
78
|
&:focus
|
|
73
79
|
border-color: $border-color-dark
|
|
80
|
+
+when('error')
|
|
81
|
+
border-color: darken($red, 15%)
|
|
74
82
|
&-connect
|
|
75
83
|
&-top:focus,
|
|
76
84
|
&-middle:focus,
|
|
@@ -85,6 +93,29 @@
|
|
|
85
93
|
margin: -2px 0 0
|
|
86
94
|
border-radius: 0 0 5px 5px
|
|
87
95
|
|
|
96
|
+
&-required
|
|
97
|
+
position: relative
|
|
98
|
+
&::after
|
|
99
|
+
top: 2px
|
|
100
|
+
right: 2px
|
|
101
|
+
content: "*"
|
|
102
|
+
display: block
|
|
103
|
+
line-height: 0
|
|
104
|
+
text-align: left
|
|
105
|
+
text-indent: 3px
|
|
106
|
+
font-weight: $bold
|
|
107
|
+
position: absolute
|
|
108
|
+
+width-height(0px)
|
|
109
|
+
border-radius: 0 3px 0 0
|
|
110
|
+
color: darken($purple, 13%)
|
|
111
|
+
border: 12px solid transparent
|
|
112
|
+
border-top-color: $border-color-light
|
|
113
|
+
border-right-color: $border-color-light
|
|
114
|
+
+when('error')
|
|
115
|
+
color: #fff
|
|
116
|
+
border-top-color: $red
|
|
117
|
+
border-right-color: $red
|
|
118
|
+
|
|
88
119
|
&-full
|
|
89
120
|
width: 100%
|
|
90
121
|
|
data/styleguide/Gemfile.lock
CHANGED
|
@@ -66,7 +66,30 @@ title: Shipyard Forms
|
|
|
66
66
|
|
|
67
67
|
<hr />
|
|
68
68
|
|
|
69
|
-
<h2>
|
|
69
|
+
<h2 class="margin-bottom-xs">Required Fields</h2>
|
|
70
|
+
<div class="col-container">
|
|
71
|
+
<div class="col col-50">
|
|
72
|
+
<div class="input-required">
|
|
73
|
+
<input type="text" class="input input-text input-full" placeholder=".input .input-text .input-full" />
|
|
74
|
+
</div>
|
|
75
|
+
</div>
|
|
76
|
+
<div class="col col-50">
|
|
77
|
+
<div class="input-required">
|
|
78
|
+
<div class="input-select-container">
|
|
79
|
+
<select class="input input-select">
|
|
80
|
+
<option class="input-option-placeholder">.input-select</option>
|
|
81
|
+
{% for i in (1..10) %}
|
|
82
|
+
<option>{{ i }}</option>
|
|
83
|
+
{% endfor %}
|
|
84
|
+
</select>
|
|
85
|
+
</div>
|
|
86
|
+
</div>
|
|
87
|
+
</div>
|
|
88
|
+
</div>
|
|
89
|
+
|
|
90
|
+
<hr />
|
|
91
|
+
|
|
92
|
+
<h2 class="margin-bottom-xs">Form Errors</h2>
|
|
70
93
|
<div class="form-error-container">
|
|
71
94
|
<ul class="form-error-list">
|
|
72
95
|
<li class="form-error-item">
|
|
@@ -80,3 +103,26 @@ title: Shipyard Forms
|
|
|
80
103
|
</li>
|
|
81
104
|
</ul>
|
|
82
105
|
</div>
|
|
106
|
+
<div class="col-container margin-top-md margin-bottom-md">
|
|
107
|
+
<div class="col col-50 input-error">
|
|
108
|
+
<label class="label">Required Select Box</label>
|
|
109
|
+
<div class="input-required">
|
|
110
|
+
<div class="input-select-container">
|
|
111
|
+
<select class="input input-select">
|
|
112
|
+
<option class="input-option-placeholder">.input-select</option>
|
|
113
|
+
{% for i in (1..10) %}
|
|
114
|
+
<option>{{ i }}</option>
|
|
115
|
+
{% endfor %}
|
|
116
|
+
</select>
|
|
117
|
+
</div>
|
|
118
|
+
</div>
|
|
119
|
+
</div>
|
|
120
|
+
<div class="col col-50 input-error">
|
|
121
|
+
<label class="label">Required Textbox</label>
|
|
122
|
+
<div class="input-required">
|
|
123
|
+
<input type="text" class="input input-text input-full" placeholder=".input .input-text .input-full" />
|
|
124
|
+
</div>
|
|
125
|
+
</div>
|
|
126
|
+
</div>
|
|
127
|
+
|
|
128
|
+
<hr />
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: shipyard-framework
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.3.
|
|
4
|
+
version: 0.3.8
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Shipyard
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2017-08-
|
|
11
|
+
date: 2017-08-18 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: actionview
|