playbook_ui 14.1.0.pre.alpha.PLAY15063614 → 14.1.0.pre.alpha.PLAY15063615

Sign up to get free protection for your applications and to get access to all the features.
Files changed (5) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.scss +41 -20
  3. data/dist/playbook.css +1 -1
  4. data/lib/playbook/version.rb +1 -1
  5. metadata +1 -1
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: df41e33aa0df2f998a39182c3692b8fd3ef9aeb046718aebf1e7dc3dd2313c79
4
- data.tar.gz: 1ce3f1dc14db9279e0342ff4d177a5bba4ee5ad2e09e3747147f482e8625a15a
3
+ metadata.gz: b654a5e9a11d88ad52b79f2a07186d7e07a84b565dc521919cd5f54bb9d37cab
4
+ data.tar.gz: 295f7700bc88771a52ed309c5e3554a245449840ecb61f0811902bb53a606395
5
5
  SHA512:
6
- metadata.gz: 553a52c4d07ff77f1f1a43b60871ad7727524770028a101145e58f10efe28ec96ca0e27af2176702d279b8bfa993e16313caee911eeda3afb6eb71d33258dc03
7
- data.tar.gz: a116dbedc8fa5f67aa10ad5e9b81aa15ac97aac93b52c124a4505989946eb2e4e04034eebfdd912e1db029ec4573eaeb16ad9983db9729609f7e231d5c5ac212
6
+ metadata.gz: 3e6eeb09605094f267b90dc6a97c20287357a0f086e4747b42774690938a0cb23ad8124bd418c82461b7f6c9ba7176e2b216bf2ffe377e4dad8e7ce1e6f4c370
7
+ data.tar.gz: 805539e493c2cfc996c5283a27d7b23c825c704178d939fc463df2273a4b595d27089b22a6206358aa3f8987e424a04279f5a0d8e5a9cc4fda4e1e05897c16ff
data/app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.scss CHANGED
@@ -14,29 +14,13 @@
14
14
  }
15
15
  }
16
16
 
17
- @mixin icon-base($icon_size, $border_size) {
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
-
33
17
  @each $name, $size in $avatar-sizes {
34
18
 
35
19
  &[class*=_#{$name}] {
36
20
 
37
21
  $avatar_size: map-get($avatar-sizes, $name);
38
- $icon_size: $avatar_size / 2;
39
- $border_size: $icon_size / 10;
22
+ $icon_size: calc($avatar_size / 2);
23
+ $border_size: calc($icon_size / 10);
40
24
 
41
25
  position: relative;
42
26
  width: $avatar_size * 1.25;
@@ -48,14 +32,51 @@
48
32
  }
49
33
 
50
34
  &[class*=_bottom] .icon {
51
- @include icon-base($icon_size, $border_size);
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;
52
48
  top: $icon_size * 1.27;
53
49
  }
54
50
  &[class*=_top] .icon {
55
- @include icon-base($icon_size, $border_size);
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;
56
64
  bottom: $icon_size * 1.27;
57
65
  }
58
66
  &[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;
59
80
  left: $icon_size * 1.5;
60
81
  }
61
82
  &[class*=_left] [class^=pb_avatar_kit] {