shipyard-framework 0.4.3 → 0.4.4
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/lib/shipyard-framework/jekyll/alert_tag.rb +1 -1
- data/lib/shipyard-framework/jekyll/button_tag.rb +1 -1
- data/lib/shipyard-framework/version.rb +1 -1
- data/styleguide/Gemfile.lock +1 -1
- data/styleguide/_config.yml +1 -1
- data/styleguide/_layouts/application.html +1 -0
- data/styleguide/_sass/views.sass +12 -0
- data/styleguide/utilities/colors.html +19 -2
- 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: 55a17667bd9effef8baf36c205b15886d0b0881d
|
|
4
|
+
data.tar.gz: 8fa21bd8e3f8e82a30a8bd195a001fb36d6573ee
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: ad24ff75d7643ca798a7d3ee6ac78448b8ab94eab0de66e6a841e50785d70fe165d41cd1611218395e9059a4d0601ca3f47a8718b30ea5ac693b41188152bc2e
|
|
7
|
+
data.tar.gz: 3cfa841e74d39e83a6fb8d9e3c52df7b280b129b35ad7f473ca3533062a780544cea9350c05d0dc3cb2b8fb53fccf17ebe6753524223ef7333ab86dadd18be76
|
data/styleguide/Gemfile.lock
CHANGED
data/styleguide/_config.yml
CHANGED
data/styleguide/_sass/views.sass
CHANGED
|
@@ -22,6 +22,18 @@
|
|
|
22
22
|
&-color
|
|
23
23
|
height: 120px
|
|
24
24
|
border-radius: 2px 2px 0 0
|
|
25
|
+
display: flex
|
|
26
|
+
align-items: center
|
|
27
|
+
justify-content: center
|
|
28
|
+
color: transparent
|
|
29
|
+
transition: 300ms color ease
|
|
30
|
+
+when('box:hover')
|
|
31
|
+
color: #fff
|
|
32
|
+
+when('light:hover')
|
|
33
|
+
color: $gray-dark
|
|
25
34
|
&-text
|
|
35
|
+
transition: 300ms color ease
|
|
26
36
|
+when('box:hover')
|
|
27
37
|
color: #fff
|
|
38
|
+
+when('light:hover')
|
|
39
|
+
color: $gray-dark
|
|
@@ -12,8 +12,8 @@ shades: [Lightest, Lighter, Light, Base, Dark, Darker, Darkest]
|
|
|
12
12
|
<ul class="shade-list margin-bottom-xxl">
|
|
13
13
|
{% for shade in page.shades %}
|
|
14
14
|
<li class="shade-item shade-{{ shade | downcase }}">
|
|
15
|
-
<div class="shade-box box bg-{{ color | append: '-' | append: shade | downcase | replace: '-base', '' }}">
|
|
16
|
-
<div class="shade-color bg-{{ color | append: '-' | append: shade | downcase | replace: '-base', '' }}"></div>
|
|
15
|
+
<div class="shade-box box bg-{{ color | append: '-' | append: shade | downcase | replace: '-base', '' }} shade-{{ shade | downcase | replace: 'er', '' | replace: 'est', '' }}">
|
|
16
|
+
<div class="shade-color text-xxl bold bg-{{ color | append: '-' | append: shade | downcase | replace: '-base', '' }}"></div>
|
|
17
17
|
<p class="shade-text text-sm medium margin-top-xs medium {{ color | append: '-' | append: shade | downcase | replace: '-base', '' }}">
|
|
18
18
|
{{ shade | append: ' ' | append: color | replace: 'Base ', '' }}
|
|
19
19
|
</p>
|
|
@@ -22,3 +22,20 @@ shades: [Lightest, Lighter, Light, Base, Dark, Darker, Darkest]
|
|
|
22
22
|
{% endfor %}
|
|
23
23
|
</ul>
|
|
24
24
|
{% endfor %}
|
|
25
|
+
|
|
26
|
+
<script type="text/javascript">
|
|
27
|
+
$.fn.backgroundColorHex = function(){
|
|
28
|
+
let rgb = this.css('background-color');
|
|
29
|
+
if (rgb.match(/rgba/)) return '#';
|
|
30
|
+
let hex = rgb.substr(4, rgb.indexOf(')') - 4).split(',').map(
|
|
31
|
+
(color) => String('0' + parseInt(color).toString(16)).slice(-2)
|
|
32
|
+
).join('');
|
|
33
|
+
return `#${hex}`;
|
|
34
|
+
};
|
|
35
|
+
|
|
36
|
+
$(document).ready(function(){
|
|
37
|
+
$('.shade-color').each(function(index, shade){
|
|
38
|
+
$(shade).html($(shade).backgroundColorHex());
|
|
39
|
+
});
|
|
40
|
+
});
|
|
41
|
+
</script>
|
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.4.
|
|
4
|
+
version: 0.4.4
|
|
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-24 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: actionview
|