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

Sign up to get free protection for your applications and to get access to all the features.
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] {