playbook_ui 14.1.0.pre.alpha.PLAY15063615 → 14.1.0.pre.alpha.PLAY15063616

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.
Files changed (6) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/_playbook.scss +1 -0
  3. data/app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.scss +20 -41
  4. data/dist/playbook.css +1 -1
  5. data/lib/playbook/version.rb +1 -1
  6. metadata +1 -1
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: b654a5e9a11d88ad52b79f2a07186d7e07a84b565dc521919cd5f54bb9d37cab
4
- data.tar.gz: 295f7700bc88771a52ed309c5e3554a245449840ecb61f0811902bb53a606395
3
+ metadata.gz: e867947a5b9a78b085c51e48aa0a3c883048d6826c8a9351028d55e9702dc089
4
+ data.tar.gz: 699cf8fcef6fc2823aa27d3262e98c50c27bdcae977fa046792d1126a0f451ab
5
5
  SHA512:
6
- metadata.gz: 3e6eeb09605094f267b90dc6a97c20287357a0f086e4747b42774690938a0cb23ad8124bd418c82461b7f6c9ba7176e2b216bf2ffe377e4dad8e7ce1e6f4c370
7
- data.tar.gz: 805539e493c2cfc996c5283a27d7b23c825c704178d939fc463df2273a4b595d27089b22a6206358aa3f8987e424a04279f5a0d8e5a9cc4fda4e1e05897c16ff
6
+ metadata.gz: 247455763d0bc712a015d94772d0a935030beedb12987532c56bc3f6797743870c6ae344a779b654b08b7ba68ffb39cf71186a659743483609bf265a92e86f26
7
+ data.tar.gz: c7ace21b2fc8d6207ad06e8c34759167873229406b6bb1c9c26c4e55dc951ce7a00549de31909e5f24c104e4e1765723642a36091d5c023960e7a7658bffbbb2
data/app/pb_kits/playbook/_playbook.scss CHANGED
@@ -6,6 +6,7 @@
6
6
  @import 'pb_bar_graph/bar_graph';
7
7
  @import 'pb_body/body';
8
8
  @import 'pb_bread_crumbs/bread_crumbs';
9
+ @import 'pb_button/button_mixins';
9
10
  @import 'pb_button/button';
10
11
  @import 'pb_button_toolbar/button_toolbar';
11
12
  @import 'pb_caption/caption';
data/app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.scss CHANGED
@@ -14,13 +14,29 @@
14
14
  }
15
15
  }
16
16
 
17
+ @mixin icon-base {
18
+ &.dark{
19
+ background-color: $bg_dark
20
+ }
21
+ width: $icon_size;
22
+ height: $icon_size;
23
+ position: absolute;
24
+ background-color: $white;
25
+ border-radius: $icon_size;
26
+ font-size: ($icon_size - $border_size * 2);
27
+ display: flex;
28
+ justify-content: center;
29
+ align-items: center;
30
+ z-index: 1;
31
+ }
32
+
17
33
  @each $name, $size in $avatar-sizes {
18
34
 
19
35
  &[class*=_#{$name}] {
20
36
 
21
37
  $avatar_size: map-get($avatar-sizes, $name);
22
- $icon_size: calc($avatar_size / 2);
23
- $border_size: calc($icon_size / 10);
38
+ $icon_size: $avatar_size / 2;
39
+ $border_size: $icon_size / 10;
24
40
 
25
41
  position: relative;
26
42
  width: $avatar_size * 1.25;
@@ -32,51 +48,14 @@
32
48
  }
33
49
 
34
50
  &[class*=_bottom] .icon {
35
- &.dark {
36
- background-color: $bg_dark;
37
- }
38
- width: $icon_size;
39
- height: $icon_size;
40
- position: absolute;
41
- background-color: $white;
42
- border-radius: $icon_size;
43
- font-size: calc($icon_size - $border_size * 2);
44
- display: flex;
45
- justify-content: center;
46
- align-items: center;
47
- z-index: 1;
51
+ @include icon-base;
48
52
  top: $icon_size * 1.27;
49
53
  }
50
54
  &[class*=_top] .icon {
51
- &.dark {
52
- background-color: $bg_dark;
53
- }
54
- width: $icon_size;
55
- height: $icon_size;
56
- position: absolute;
57
- background-color: $white;
58
- border-radius: $icon_size;
59
- font-size: calc($icon_size - $border_size * 2);
60
- display: flex;
61
- justify-content: center;
62
- align-items: center;
63
- z-index: 1;
55
+ @include icon-base;
64
56
  bottom: $icon_size * 1.27;
65
57
  }
66
58
  &[class*=_right] .icon {
67
- &.dark {
68
- background-color: $bg_dark;
69
- }
70
- width: $icon_size;
71
- height: $icon_size;
72
- position: absolute;
73
- background-color: $white;
74
- border-radius: $icon_size;
75
- font-size: calc($icon_size - $border_size * 2);
76
- display: flex;
77
- justify-content: center;
78
- align-items: center;
79
- z-index: 1;
80
59
  left: $icon_size * 1.5;
81
60
  }
82
61
  &[class*=_left] [class^=pb_avatar_kit] {