shipyard-framework 0.5.61 → 0.5.62
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/_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
|