shipyard-framework 0.3.7 → 0.3.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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
|