shipyard-framework 0.4.5 → 0.4.6
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/assets/stylesheets/shipyard/components/_code.sass +24 -5
- data/assets/stylesheets/shipyard/variables/_color_utilities.sass +2 -0
- data/assets/stylesheets/shipyard/variables/_colors.scss +5 -3
- data/lib/shipyard-framework/version.rb +1 -1
- data/styleguide/Gemfile.lock +1 -1
- data/styleguide/components/alerts.md +32 -0
- data/styleguide/components/code.html +28 -0
- metadata +3 -3
- data/styleguide/components/alerts.html +0 -12
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 70913653c12f9a6d7a6f0308f67f743fde08be1f
|
|
4
|
+
data.tar.gz: df4242fae67f754c7aa38b206a1830780453078f
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 0d3fe2a031435a59ad42c9f23fb26c81274d2628129bc1d82c989e9239fdc6c4a7a43eebeddab4adf81a580618f198a9f3bbf02ad551af1d27e3231a2616f05d
|
|
7
|
+
data.tar.gz: 780afdbe9be21ff37a96a6ca4dfca84dcff829847c8a1a6c143c3ad9b8da2e6cf88c452df966ff682c980283da82b0337ffe0263dd877bec7bc1a7a91edc2fa0
|
|
@@ -4,14 +4,33 @@
|
|
|
4
4
|
border: 1px solid darken($gray-lighter, 5%)
|
|
5
5
|
font-family: $font-monospace
|
|
6
6
|
font-size: $font-size-sm
|
|
7
|
+
|
|
8
|
+
&-block
|
|
9
|
+
+extend
|
|
10
|
+
padding: 20px 30px
|
|
11
|
+
line-height: 1.6
|
|
12
|
+
+border-radius
|
|
13
|
+
|
|
7
14
|
&-inline
|
|
8
15
|
+extend
|
|
9
16
|
padding: 2px 4px
|
|
10
17
|
border-radius: 4px
|
|
11
18
|
font-weight: $normal
|
|
12
19
|
white-space: nowrap
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
20
|
+
|
|
21
|
+
// Code blocks inside of alerts
|
|
22
|
+
.alert &
|
|
23
|
+
color: #fff
|
|
24
|
+
margin: 0 2px
|
|
25
|
+
.alert-info &
|
|
26
|
+
border-color: darken($blue, 10%)
|
|
27
|
+
background-color: darken($blue, 5%)
|
|
28
|
+
.alert-error &
|
|
29
|
+
border-color: $red-dark
|
|
30
|
+
background-color: lighten($red-dark, 7%)
|
|
31
|
+
.alert-warning &
|
|
32
|
+
border-color: $yellow-darker
|
|
33
|
+
background-color: darken($yellow-dark, 5%)
|
|
34
|
+
.alert-success &
|
|
35
|
+
border-color: darken($green, 15%)
|
|
36
|
+
background-color: darken($green, 10%)
|
|
@@ -30,8 +30,10 @@ $teal-darkest: color('teal', darkest) !default
|
|
|
30
30
|
// Red
|
|
31
31
|
$red: color('red') !default
|
|
32
32
|
$red-light: color('red', light) !default
|
|
33
|
+
$red-lighter: color('red', lighter) !default
|
|
33
34
|
$red-lightest: color('red', lightest) !default
|
|
34
35
|
$red-dark: color('red', dark) !default
|
|
36
|
+
$red-darker: color('red', darker) !default
|
|
35
37
|
$red-darkest: color('red', darkest) !default
|
|
36
38
|
|
|
37
39
|
// Yellow
|
|
@@ -30,10 +30,12 @@ $colors: (
|
|
|
30
30
|
),
|
|
31
31
|
"red": (
|
|
32
32
|
base: #e06158,
|
|
33
|
-
light: #
|
|
34
|
-
|
|
33
|
+
light: lighten(#e06158, 8%),
|
|
34
|
+
lighter: lighten(#e06158, 16%),
|
|
35
|
+
lightest: lighten(#e06158, 25%),
|
|
35
36
|
dark: #b13b39,
|
|
36
|
-
|
|
37
|
+
darker: #892120,
|
|
38
|
+
darkest: desaturate(darken(#892120, 8%), 0%)
|
|
37
39
|
),
|
|
38
40
|
"yellow": (
|
|
39
41
|
base: #ffca49,
|
data/styleguide/Gemfile.lock
CHANGED
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
---
|
|
2
|
+
title: Shipyard Alerts
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
# {{ page.title }}
|
|
6
|
+
|
|
7
|
+
---
|
|
8
|
+
|
|
9
|
+
<div class="alert alert-info">
|
|
10
|
+
<p class="alert-txt">
|
|
11
|
+
Ten other people are also viewing tickets for this flight.
|
|
12
|
+
Use the code <code class="code-inline">Travel_Light_2017</code> before you book your flight.
|
|
13
|
+
</p>
|
|
14
|
+
</div>
|
|
15
|
+
<div class="alert alert-success">
|
|
16
|
+
<p class="alert-txt">
|
|
17
|
+
Pack your bags! You'll be on the next flight to Hawaii.
|
|
18
|
+
Use the code <code class="code-inline">Travel_Light_2017</code> on your next flight.
|
|
19
|
+
</p>
|
|
20
|
+
</div>
|
|
21
|
+
<div class="alert alert-warning">
|
|
22
|
+
<p class="alert-txt">
|
|
23
|
+
There are only 2 seats left on this flight! We recommend to book your tickets as soon as possible.
|
|
24
|
+
Use the code <code class="code-inline">Travel_Light_2017</code> before you book your flight.
|
|
25
|
+
</p>
|
|
26
|
+
</div>
|
|
27
|
+
<div class="alert alert-error">
|
|
28
|
+
<p class="alert-txt">
|
|
29
|
+
This flight is now sold out. Let's get you on the next flight to Kauai.
|
|
30
|
+
We hope the code <code class="code-inline">Travel_Light_2017</code> will be useful for your next flight.
|
|
31
|
+
</p>
|
|
32
|
+
</div>
|
|
@@ -19,3 +19,31 @@ title: Shipyard Code Component
|
|
|
19
19
|
def bar
|
|
20
20
|
end
|
|
21
21
|
end</code></pre>
|
|
22
|
+
|
|
23
|
+
<hr />
|
|
24
|
+
|
|
25
|
+
<h2 class="margin-bottom-sm">Code Alert Examples</h2>
|
|
26
|
+
<div class="alert alert-info">
|
|
27
|
+
<p class="alert-txt">
|
|
28
|
+
Ten other people are also viewing tickets for this flight.
|
|
29
|
+
Use the code <code class="code-inline">Travel_Light_2017</code> before you book your flight.
|
|
30
|
+
</p>
|
|
31
|
+
</div>
|
|
32
|
+
<div class="alert alert-success">
|
|
33
|
+
<p class="alert-txt">
|
|
34
|
+
Pack your bags! You'll be on the next flight to Hawaii.
|
|
35
|
+
Use the code <code class="code-inline">Travel_Light_2017</code> on your next flight.
|
|
36
|
+
</p>
|
|
37
|
+
</div>
|
|
38
|
+
<div class="alert alert-warning">
|
|
39
|
+
<p class="alert-txt">
|
|
40
|
+
There are only 2 seats left on this flight! We recommend to book your tickets as soon as possible.
|
|
41
|
+
Use the code <code class="code-inline">Travel_Light_2017</code> before you book your flight.
|
|
42
|
+
</p>
|
|
43
|
+
</div>
|
|
44
|
+
<div class="alert alert-error">
|
|
45
|
+
<p class="alert-txt">
|
|
46
|
+
This flight is now sold out. Let's get you on the next flight to Kauai.
|
|
47
|
+
We hope the code <code class="code-inline">Travel_Light_2017</code> will be useful for your next flight.
|
|
48
|
+
</p>
|
|
49
|
+
</div>
|
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.6
|
|
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-29 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: actionview
|
|
@@ -149,7 +149,7 @@ files:
|
|
|
149
149
|
- styleguide/_sass/layout.sass
|
|
150
150
|
- styleguide/_sass/views.sass
|
|
151
151
|
- styleguide/assets/css/application.sass
|
|
152
|
-
- styleguide/components/alerts.
|
|
152
|
+
- styleguide/components/alerts.md
|
|
153
153
|
- styleguide/components/boxes.html
|
|
154
154
|
- styleguide/components/buttons.html
|
|
155
155
|
- styleguide/components/code.html
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
title: Shipyard Alerts
|
|
3
|
-
---
|
|
4
|
-
|
|
5
|
-
<h1>{{ page.title }}</h1>
|
|
6
|
-
|
|
7
|
-
<hr />
|
|
8
|
-
|
|
9
|
-
{% alert :info, Ten other people are also viewing tickets for this flight. %}
|
|
10
|
-
{% alert :success, Pack your bags! You'll be on the next flight to Hawaii. %}
|
|
11
|
-
{% alert :warning, There are only 2 seats left on this flight! We recommend to book your tickets as soon as possible. %}
|
|
12
|
-
{% alert :error, This flight is now sold out. Let's get you on the next flight to Kauai. %}
|