playbook_ui 14.1.0.pre.alpha.PLAY15063615 → 14.1.0.pre.alpha.PLAY15063617

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/pb_avatar_action_button/_avatar_action_button.scss +20 -41
  3. data/app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.scss +1 -1
  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: 2356fc9876aefeab2240fdaa7059349fb2d2208a85926ba3c057013bca7f3fcc
4
+ data.tar.gz: 672a3ad4998aa590ce93e6ba710db2791650d9791917fb5d961be08af999cfd0
5
5
  SHA512:
6
- metadata.gz: 3e6eeb09605094f267b90dc6a97c20287357a0f086e4747b42774690938a0cb23ad8124bd418c82461b7f6c9ba7176e2b216bf2ffe377e4dad8e7ce1e6f4c370
7
- data.tar.gz: 805539e493c2cfc996c5283a27d7b23c825c704178d939fc463df2273a4b595d27089b22a6206358aa3f8987e424a04279f5a0d8e5a9cc4fda4e1e05897c16ff
6
+ metadata.gz: 0014d9d4658dc116d8a5abe25b85fd7890c32924889d25607dbb477f8bba831ced1c5c3430d389e601df6df712ded206d03b1b4670a2dd308e451998f420b21c
7
+ data.tar.gz: 38b80119c3d05838dffef629a7d2d8e8566248f3858a341fe635be900601649b8081c094d6ac2743a1c0cc9bc57675e231420462cc3c89859c2f86fd159bc04d
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] {
data/app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.scss CHANGED
@@ -16,7 +16,7 @@ $pb_button_styles: (
16
16
  flex-grow: 0;
17
17
  width: $pb_button_size;
18
18
  height: $pb_button_size;
19
- border-radius: calc($pb_button_size/2);
19
+ border-radius: $pb_button_size / 2;
20
20
  line-height: $pb_button_size;
21
21
  flex-basis: $pb_button_size;
22
22
  min-width: $pb_button_size;