playbook_ui 14.5.0.pre.alpha.PLAY1485selectablecardoverflowoutlinebug4097 → 14.5.0.pre.alpha.PLAY1485selectablecardoverflowoutlinebug4098
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.scss +38 -2
- data/dist/playbook.css +1 -1
- data/lib/playbook/version.rb +1 -1
- 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: b9228103de6d01a84145169d2ad394bf2c6b3b6df7ec0e3b16cfe518a803f579
|
|
4
|
+
data.tar.gz: 257b1a1fdd3adc9310b52b8e513b2fe3e9974cf4429a2ae719aa8e247c74a2ce
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 925407457e1d6d8ce1c3a6012bf084ef8721040ce76e5432978a7407d1d80769126a4ea24c089bef72a4cd6af4eafe15fc86ae997d7f9b88338de01d144c43cf
|
|
7
|
+
data.tar.gz: 79f269ceeb505d1f9b200d1088d6db340acc6a3be267f8e9fe777eb8e2e121089361729fd156df2a37535bf27a020f282d5aad6b9a3cecb5d53e4add11e93a9e
|
|
@@ -10,6 +10,24 @@
|
|
|
10
10
|
$pb_selectable_card_indicator_size: 22px;
|
|
11
11
|
$pb_selectable_card_border: 2px;
|
|
12
12
|
|
|
13
|
+
$pb_selectable_space_classes: (
|
|
14
|
+
xxs: $space_xxs,
|
|
15
|
+
xs: $space_xs,
|
|
16
|
+
sm: $space_sm,
|
|
17
|
+
md: $space_md,
|
|
18
|
+
lg: $space_lg,
|
|
19
|
+
xl: $space_xl,
|
|
20
|
+
);
|
|
21
|
+
$pb_selectable_paddings: (
|
|
22
|
+
p: "padding",
|
|
23
|
+
pr: "padding-right",
|
|
24
|
+
pl: "padding-left",
|
|
25
|
+
pt: "padding-top",
|
|
26
|
+
pb: "padding-bottom",
|
|
27
|
+
px: ("padding-left", "padding-right"),
|
|
28
|
+
py: ("padding-top", "padding-bottom")
|
|
29
|
+
);
|
|
30
|
+
|
|
13
31
|
[class^=pb_selectable_card_kit] {
|
|
14
32
|
display: block;
|
|
15
33
|
margin-bottom: 0;
|
|
@@ -73,8 +91,6 @@ $pb_selectable_card_border: 2px;
|
|
|
73
91
|
|
|
74
92
|
position: relative;
|
|
75
93
|
@include pb_card_selected;
|
|
76
|
-
// Selected card has 1px more border
|
|
77
|
-
// Remove 1px so content does not "jump"
|
|
78
94
|
padding: calc(#{$space_sm} - 1px);
|
|
79
95
|
transition-property: none;
|
|
80
96
|
transition-duration: 0s;
|
|
@@ -90,6 +106,26 @@ $pb_selectable_card_border: 2px;
|
|
|
90
106
|
background-color: $royal;
|
|
91
107
|
}
|
|
92
108
|
}
|
|
109
|
+
|
|
110
|
+
// Selected card has 1px more border
|
|
111
|
+
// Remove 1px so content does not "jump"
|
|
112
|
+
@each $position_name,
|
|
113
|
+
$position in $pb_selectable_paddings {
|
|
114
|
+
@each $space_name,
|
|
115
|
+
$space in $pb_selectable_space_classes {
|
|
116
|
+
~ label.#{$position_name}_#{$space_name} {
|
|
117
|
+
@if type-of($position)=="list" {
|
|
118
|
+
@each $coordinate in $position {
|
|
119
|
+
#{$coordinate}: calc(#{$space} - 1px) !important;
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
@else {
|
|
124
|
+
#{$position}: calc(#{$space} - 1px) !important;
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
}
|
|
128
|
+
}
|
|
93
129
|
}
|
|
94
130
|
}
|
|
95
131
|
|