playbook_ui 14.1.0.pre.alpha.PLAY15063613 → 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 +39 -18
  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: 0f27a66c0f7f2c05dcd12583dfba050ac241fc4059da57e55c12712de3e3136f
4
- data.tar.gz: 40399fa71a2d92f3cf654d36b367f4d1072a94915cd028db0d530f197ab40327
3
+ metadata.gz: b654a5e9a11d88ad52b79f2a07186d7e07a84b565dc521919cd5f54bb9d37cab
4
+ data.tar.gz: 295f7700bc88771a52ed309c5e3554a245449840ecb61f0811902bb53a606395
5
5
  SHA512:
6
- metadata.gz: cb1e53b5951d080ccd77bd2fc5cb28c73cef630bf8db773766903cf3e8a6a85c3d13f21b60850675a055fb409dd26c8f9779aac25cc382af2b313f993e708aeb
7
- data.tar.gz: 559640dabd061d79da2aa10fad7f422f38424e264283e83d380fc92d7eacd8c44208d355a4fe53526f1c5e48b0848b8f3d02806c4acf40da526ed47c5a705501
6
+ metadata.gz: 3e6eeb09605094f267b90dc6a97c20287357a0f086e4747b42774690938a0cb23ad8124bd418c82461b7f6c9ba7176e2b216bf2ffe377e4dad8e7ce1e6f4c370
7
+ data.tar.gz: 805539e493c2cfc996c5283a27d7b23c825c704178d939fc463df2273a4b595d27089b22a6206358aa3f8987e424a04279f5a0d8e5a9cc4fda4e1e05897c16ff
data/app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.scss CHANGED
@@ -14,22 +14,6 @@
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: calc(#{$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}] {
@@ -48,14 +32,51 @@
48
32
  }
49
33
 
50
34
  &[class*=_bottom] .icon {
51
- @include icon-base;
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;
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] {