shipyard-framework 0.5.61 → 0.5.62
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 +4 -4
- data/assets/stylesheets/shipyard/_utilities.sass +1 -2
- data/assets/stylesheets/shipyard/utilities/_margin-padding.sass +17 -0
- data/lib/shipyard-framework/rails/railtie.rb +15 -7
- data/lib/shipyard-framework/version.rb +1 -1
- data/styleguide/Gemfile.lock +1 -1
- data/styleguide/utilities/margin-padding.md +28 -0
- metadata +2 -3
- data/assets/stylesheets/shipyard/utilities/_margin.sass +0 -7
- data/assets/stylesheets/shipyard/utilities/_padding.sass +0 -16
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: ad4f4675db43243e249e5736f74384994a8dd709085fde818944237851aa8d1f
|
4
|
+
data.tar.gz: fe43cd5db0ba77b40f267025dbd8c0794c02069baeb5ae866219757ce0c70f8d
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: a31ef8effe5da4c93a4c4446a075fb2b6583c51840da95bf6166b8472fc1fd23b2ee0c4eb68e559b62d56fdd4c04f4fcf53272fa1a1251abfe04148b7812b9d7
|
7
|
+
data.tar.gz: ccebb334c80d29842882e49391cb477488974301ababa69f5e0cd4c4def53f9a9b8ee60fd51b63796abfd5e3372e8e84967ad9516670b89ddeeac7c50c64c04b
|
@@ -0,0 +1,17 @@
|
|
1
|
+
@each $property in (margin, padding)
|
2
|
+
.#{$property}
|
3
|
+
$sizes: (none: 0, xxs: 5px, xs: 10px, sm: 15px, md: 20px, lg: 30px, xl: 40px, xxl: 50px)
|
4
|
+
|
5
|
+
// Outputs: .padding-none, .padding-x1-none, .padding-sm, .padding-x1-sm, etc...
|
6
|
+
+all-media-sizes
|
7
|
+
@each $size, $value in $sizes
|
8
|
+
&-#{$size}
|
9
|
+
#{$property}: $value
|
10
|
+
|
11
|
+
// Outputs: .padding-top-sm, .padding-x1-none, .padding-sm, .padding-x1-sm, etc...
|
12
|
+
@each $direction in (top, right, bottom, left)
|
13
|
+
&-#{$direction}
|
14
|
+
+all-media-sizes
|
15
|
+
@each $size, $value in $sizes
|
16
|
+
&-#{$size}
|
17
|
+
#{$property}-#{$direction}: $value
|
@@ -1,14 +1,22 @@
|
|
1
|
+
require 'shipyard-framework/helpers/alert_helper'
|
2
|
+
require 'shipyard-framework/helpers/box_helper'
|
3
|
+
require 'shipyard-framework/helpers/button_helper'
|
4
|
+
require 'shipyard-framework/helpers/form_helper'
|
5
|
+
require 'shipyard-framework/helpers/icon_helper'
|
6
|
+
require 'shipyard-framework/helpers/layout_helper'
|
7
|
+
require 'shipyard-framework/helpers/note_helper'
|
8
|
+
|
1
9
|
module Shipyard
|
2
10
|
module Rails
|
3
11
|
class Railtie < ::Rails::Railtie
|
4
12
|
initializer 'shipyard.view_helpers' do
|
5
|
-
ActionView::Base.send :include, AlertHelper
|
6
|
-
ActionView::Base.send :include, BoxHelper
|
7
|
-
ActionView::Base.send :include, ButtonHelper
|
8
|
-
ActionView::Base.send :include, FormHelper
|
9
|
-
ActionView::Base.send :include, IconHelper
|
10
|
-
ActionView::Base.send :include,
|
11
|
-
ActionView::Base.send :include, NoteHelper
|
13
|
+
ActionView::Base.send :include, Shipyard::AlertHelper
|
14
|
+
ActionView::Base.send :include, Shipyard::BoxHelper
|
15
|
+
ActionView::Base.send :include, Shipyard::ButtonHelper
|
16
|
+
ActionView::Base.send :include, Shipyard::FormHelper
|
17
|
+
ActionView::Base.send :include, Shipyard::IconHelper
|
18
|
+
ActionView::Base.send :include, Shipyard::LayoutHelper
|
19
|
+
ActionView::Base.send :include, Shipyard::NoteHelper
|
12
20
|
end
|
13
21
|
|
14
22
|
initializer 'shipyard.reload_cached_icons' do
|
data/styleguide/Gemfile.lock
CHANGED
@@ -10,6 +10,21 @@ directions: [left,right]
|
|
10
10
|
|
11
11
|
---
|
12
12
|
|
13
|
+
### Margin All Sides `.margin-{ x1..x4 }-{ xxs..xxl }`
|
14
|
+
<p class="text-light margin-bottom-md">The examples below demonstrate how much margin will be added to the top and bottom of any element the classes is applied to.</p>
|
15
|
+
|
16
|
+
<div class="col-container">
|
17
|
+
<div class="col">
|
18
|
+
<div class="align-center">
|
19
|
+
{% for option in page.options %}
|
20
|
+
<div class="{{ page.box_classes }} margin-{{ option }} margin-bottom-md">.margin-{{ option }}</div>
|
21
|
+
{% endfor %}
|
22
|
+
</div>
|
23
|
+
</div>
|
24
|
+
</div>
|
25
|
+
|
26
|
+
---
|
27
|
+
|
13
28
|
### Margin Top & Bottom `.margin-{ top, bottom }-{ x1..x4 }-{ xxs..xxl }`
|
14
29
|
<p class="text-light margin-bottom-md">The examples below demonstrate how much margin will be added to the top and bottom of any element the classes is applied to.</p>
|
15
30
|
|
@@ -41,6 +56,19 @@ directions: [left,right]
|
|
41
56
|
|
42
57
|
---
|
43
58
|
|
59
|
+
### Padding All Sides `.padding-{ x1..x4 }-{ xxs..xxl }`
|
60
|
+
<p class="text-light margin-bottom-md">The examples below demonstrate how much padding will be added to the top and bottom of any element the classes is applied to.</p>
|
61
|
+
|
62
|
+
<div class="col-container">
|
63
|
+
{% for option in page.options %}
|
64
|
+
<div class="col align-center">
|
65
|
+
<div class="box-secondary medium text-light text-sm padding-{{ option }} margin-bottom-xs">{{ option }}</div>
|
66
|
+
</div>
|
67
|
+
{% endfor %}
|
68
|
+
</div>
|
69
|
+
|
70
|
+
---
|
71
|
+
|
44
72
|
### Padding Top & Bottom `.padding-{ top, bottom }-{ x1..x4 }-{ xxs..xxl }`
|
45
73
|
<p class="text-light margin-bottom-md">The examples below demonstrate how much padding will be added to the top and bottom of any element the classes is applied to.</p>
|
46
74
|
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: shipyard-framework
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.5.
|
4
|
+
version: 0.5.62
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Codeship
|
@@ -240,8 +240,7 @@ files:
|
|
240
240
|
- assets/stylesheets/shipyard/utilities/_colors.sass
|
241
241
|
- assets/stylesheets/shipyard/utilities/_display.sass
|
242
242
|
- assets/stylesheets/shipyard/utilities/_grid.sass
|
243
|
-
- assets/stylesheets/shipyard/utilities/_margin.sass
|
244
|
-
- assets/stylesheets/shipyard/utilities/_padding.sass
|
243
|
+
- assets/stylesheets/shipyard/utilities/_margin-padding.sass
|
245
244
|
- assets/stylesheets/shipyard/utilities/_positioning.sass
|
246
245
|
- assets/stylesheets/shipyard/utilities/_typography.sass
|
247
246
|
- assets/stylesheets/shipyard/variables/_color_utilities.sass
|
@@ -1,16 +0,0 @@
|
|
1
|
-
.padding
|
2
|
-
$sizes: (none: 0, xxs: 5px, xs: 10px, sm: 15px, md: 20px, lg: 30px, xl: 40px, xxl: 50px)
|
3
|
-
|
4
|
-
// Outputs: .padding-none, .padding-x1-none, .padding-sm, .padding-x1-sm, etc...
|
5
|
-
+all-media-sizes
|
6
|
-
@each $size, $value in $sizes
|
7
|
-
&-#{$size}
|
8
|
-
padding: $value
|
9
|
-
|
10
|
-
// Outputs: .padding-top-sm, .padding-x1-none, .padding-sm, .padding-x1-sm, etc...
|
11
|
-
@each $direction in (top, right, bottom, left)
|
12
|
-
&-#{$direction}
|
13
|
-
+all-media-sizes
|
14
|
-
@each $size, $value in $sizes
|
15
|
-
&-#{$size}
|
16
|
-
padding-#{$direction}: $value
|