playbook_ui 16.1.0.pre.alpha.PLAY272013809 → 16.1.0.pre.alpha.play264213818
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/app/pb_kits/playbook/pb_card/docs/_card_light.html.erb +35 -3
- data/app/pb_kits/playbook/pb_dialog/_dialog.scss +6 -8
- data/dist/playbook.css +1 -1
- data/lib/playbook/align_content.rb +13 -3
- data/lib/playbook/align_items.rb +13 -3
- data/lib/playbook/align_self.rb +13 -3
- data/lib/playbook/display.rb +5 -0
- data/lib/playbook/flex.rb +13 -3
- data/lib/playbook/flex_direction.rb +13 -3
- data/lib/playbook/flex_grow.rb +13 -3
- data/lib/playbook/flex_shrink.rb +13 -3
- data/lib/playbook/flex_wrap.rb +13 -3
- data/lib/playbook/justify_content.rb +13 -3
- data/lib/playbook/justify_self.rb +13 -3
- data/lib/playbook/order.rb +13 -3
- data/lib/playbook/spacing.rb +39 -9
- data/lib/playbook/text_align.rb +13 -3
- data/lib/playbook/version.rb +1 -1
- data/lib/playbook/vertical_align.rb +13 -3
- data/lib/playbook/z_index.rb +5 -0
- metadata +1 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: a5780d8a980b27fef50be2bd9f824684732373c72b707d5af5f8071c627b878a
|
|
4
|
+
data.tar.gz: b304d2a4a3bd2a77b73ba7e95b70f5aff9bd6b1f4b78ed99a494712666ce6a1a
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: c8133ed39e3328aa2e76508e31c51e7ff0c81103c99f8c2324367333e2168ea08610f59fdff5d1bef97d3372637ee29150ee3d6541d83c3cea7417414bed5481
|
|
7
|
+
data.tar.gz: f5488d8e0b060a56590d3c390d832a1760d9bd7e1b97a02afc0958c9252ae67f9667f2856d2ff70d3cdfc8fe71658aa2135bccef62f154e68a1db7f2a20fa807
|
|
@@ -1,4 +1,36 @@
|
|
|
1
|
-
<%= pb_rails("
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
<%= pb_rails("flex", props: {
|
|
2
|
+
gap: "md",
|
|
3
|
+
orientation: "column"
|
|
4
|
+
}) do %>
|
|
5
|
+
|
|
6
|
+
<%= pb_rails("caption", props: { text: "flex direction responsive: row on md + xl, column as default" }) %>
|
|
7
|
+
<%= pb_rails("card", props: {
|
|
8
|
+
flex_direction: { default: "column", md: "row", xl:"row" }
|
|
9
|
+
}) do %>
|
|
10
|
+
<%= pb_rails("body", props: { text: "Item 1", color: "default" }) %>
|
|
11
|
+
<%= pb_rails("body", props: { text: "Item 2", color: "default" }) %>
|
|
12
|
+
<%= pb_rails("body", props: { text: "Item 3", color: "default" }) %>
|
|
13
|
+
<% end %>
|
|
14
|
+
|
|
15
|
+
<%= pb_rails("caption", props: { text: "align items responsive: start on default, center on md, end on lg" }) %>
|
|
16
|
+
<%= pb_rails("card", props: {
|
|
17
|
+
display: "flex",
|
|
18
|
+
flex_direction: "row",
|
|
19
|
+
align_items: { default: "start", md: "center", lg: "end" },
|
|
20
|
+
}) do %>
|
|
21
|
+
<%= pb_rails("card", props: {height:"xs" }) do %> Card 1 <% end %>
|
|
22
|
+
<%= pb_rails("card", props: { height:"sm" }) do %> Card 2 <% end %>
|
|
23
|
+
<%= pb_rails("card", props: { height:"xs" }) do %> Card 3 <% end %>
|
|
24
|
+
<% end %>
|
|
25
|
+
|
|
26
|
+
<%= pb_rails("caption", props: { text: "Text Align responsive: left on default, center on md, right on lg" }) %>
|
|
27
|
+
<%= pb_rails("card", props: {
|
|
28
|
+
text_align: { default: "left", md: "center", lg: "right" },
|
|
29
|
+
width: "100%"
|
|
30
|
+
}) do %>
|
|
31
|
+
<%= pb_rails("body", props: { }) do %> text 1 <% end %>
|
|
32
|
+
<%= pb_rails("body", props: { }) do %> text 2 <% end %>
|
|
33
|
+
<%= pb_rails("body", props: { }) do %> text 3 <% end %>
|
|
34
|
+
<% end %>
|
|
4
35
|
<% end %>
|
|
36
|
+
|
|
@@ -135,8 +135,6 @@
|
|
|
135
135
|
position: sticky;
|
|
136
136
|
top: 0;
|
|
137
137
|
background-color: $white;
|
|
138
|
-
border-top-left-radius: $border_radius_md;
|
|
139
|
-
border-top-right-radius: $border_radius_md;
|
|
140
138
|
z-index: $z_8;
|
|
141
139
|
}
|
|
142
140
|
|
|
@@ -258,7 +256,7 @@
|
|
|
258
256
|
}
|
|
259
257
|
&.full_height_left {
|
|
260
258
|
justify-content: flex-start;
|
|
261
|
-
|
|
259
|
+
|
|
262
260
|
.pb_dialog {
|
|
263
261
|
border-radius: 0;
|
|
264
262
|
height: 100%;
|
|
@@ -304,7 +302,7 @@
|
|
|
304
302
|
|
|
305
303
|
&.full_height_center {
|
|
306
304
|
justify-content: center;
|
|
307
|
-
|
|
305
|
+
|
|
308
306
|
.pb_dialog {
|
|
309
307
|
border-radius: 0;
|
|
310
308
|
height: 100%;
|
|
@@ -348,7 +346,7 @@
|
|
|
348
346
|
|
|
349
347
|
&.full_height_right {
|
|
350
348
|
justify-content: flex-end;
|
|
351
|
-
|
|
349
|
+
|
|
352
350
|
.pb_dialog {
|
|
353
351
|
border-radius: 0;
|
|
354
352
|
height: 100%;
|
|
@@ -419,7 +417,7 @@
|
|
|
419
417
|
margin: unset !important;
|
|
420
418
|
margin-right: auto !important;
|
|
421
419
|
}
|
|
422
|
-
|
|
420
|
+
|
|
423
421
|
.pb_dialog {
|
|
424
422
|
border-radius: 0;
|
|
425
423
|
height: 100% !important;
|
|
@@ -465,7 +463,7 @@
|
|
|
465
463
|
|
|
466
464
|
&.full_height_center {
|
|
467
465
|
justify-content: center;
|
|
468
|
-
|
|
466
|
+
|
|
469
467
|
.pb_dialog {
|
|
470
468
|
border-radius: 0;
|
|
471
469
|
height: 100% !important;
|
|
@@ -512,7 +510,7 @@
|
|
|
512
510
|
margin: unset !important;
|
|
513
511
|
margin-left: auto !important;
|
|
514
512
|
}
|
|
515
|
-
|
|
513
|
+
|
|
516
514
|
.pb_dialog {
|
|
517
515
|
border-radius: 0;
|
|
518
516
|
height: 100% !important;
|