shipyard-framework 0.4.3 → 0.4.4

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: 1c4b0bdd0609c524c34e690a89d48590e9c74b88
4
- data.tar.gz: 8674f37983c64838d1e53b597fecd709ce7a505d
3
+ metadata.gz: 55a17667bd9effef8baf36c205b15886d0b0881d
4
+ data.tar.gz: 8fa21bd8e3f8e82a30a8bd195a001fb36d6573ee
5
5
  SHA512:
6
- metadata.gz: b12d69f64642a2b71373a2c933b53f6d238559aed058b7ebc6de793c8f727dfb3079b070c22e60effd19b3d8c0357452233892ce75822e3b26aee8684c6b45ef
7
- data.tar.gz: 078f82bfe454ad6efb198446733875c77e3713ccb78a8f4941716e36c034375d9eb0d6243aee5915c9ec44e3bb82b955f8f1911f63901564daa2e69a69cb2bf9
6
+ metadata.gz: ad24ff75d7643ca798a7d3ee6ac78448b8ab94eab0de66e6a841e50785d70fe165d41cd1611218395e9059a4d0601ca3f47a8718b30ea5ac693b41188152bc2e
7
+ data.tar.gz: 3cfa841e74d39e83a6fb8d9e3c52df7b280b129b35ad7f473ca3533062a780544cea9350c05d0dc3cb2b8fb53fccf17ebe6753524223ef7333ab86dadd18be76
@@ -1,4 +1,4 @@
1
- require '../app/helpers/shipyard/alert_helper'
1
+ require_relative '../../../app/helpers/shipyard/alert_helper'
2
2
 
3
3
  module Shipyard
4
4
  module Jekyll
@@ -1,4 +1,4 @@
1
- require '../app/helpers/shipyard/button_helper'
1
+ require_relative '../../../app/helpers/shipyard/button_helper'
2
2
 
3
3
  module Shipyard
4
4
  module Jekyll
@@ -1,3 +1,3 @@
1
1
  module Shipyard
2
- VERSION = '0.4.3'
2
+ VERSION = '0.4.4'
3
3
  end
@@ -1,7 +1,7 @@
1
1
  PATH
2
2
  remote: ..
3
3
  specs:
4
- shipyard-framework (0.4.3)
4
+ shipyard-framework (0.4.4)
5
5
  actionview (~> 5.0)
6
6
 
7
7
  GEM
@@ -27,7 +27,7 @@ sass:
27
27
 
28
28
  # Build settings
29
29
  markdown: kramdown
30
- plugins_dir:
30
+ plugins:
31
31
  - shipyard-framework
32
32
 
33
33
  defaults:
@@ -4,6 +4,7 @@
4
4
  <head>
5
5
  <title>{{ page.title }}</title>
6
6
  <link rel="stylesheet" media="all" href="{{ site.baseurl }}/assets/css/application.css" />
7
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
7
8
  </head>
8
9
  <body>
9
10
  <header>
@@ -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.3
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-21 00:00:00.000000000 Z
11
+ date: 2017-08-24 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: actionview