@magicgol/polyjuice 0.26.1 → 0.27.0
Sign up to get free protection for your applications and to get access to all the features.
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
<template>
|
2
2
|
<div
|
3
|
-
class="
|
3
|
+
class="px-2 py-1"
|
4
4
|
:class="classes"
|
5
5
|
>
|
6
6
|
<slot></slot>
|
@@ -19,6 +19,10 @@ export default {
|
|
19
19
|
return ['P', 'D', 'C', 'A'].indexOf(value) !== -1;
|
20
20
|
},
|
21
21
|
},
|
22
|
+
background: {
|
23
|
+
type: Boolean,
|
24
|
+
default: false
|
25
|
+
},
|
22
26
|
left: {
|
23
27
|
type: Boolean,
|
24
28
|
default: false,
|
@@ -41,6 +45,7 @@ export default {
|
|
41
45
|
classes() {
|
42
46
|
return {
|
43
47
|
'mg-footballer-box': true,
|
48
|
+
'mg-footballer-box--background': this.background === true,
|
44
49
|
'mg-footballer-box--goalkeeper': this.role === 'P',
|
45
50
|
'mg-footballer-box--defender': this.role === 'D',
|
46
51
|
'mg-footballer-box--midfielder': this.role === 'C',
|
@@ -64,18 +69,34 @@ export default {
|
|
64
69
|
|
65
70
|
&--goalkeeper {
|
66
71
|
border-color: map-get($palette, 'goalkeeper');
|
72
|
+
|
73
|
+
&.mg-footballer-box--background {
|
74
|
+
background-color: rgba(map-get($palette, 'goalkeeper'), 0.1);
|
75
|
+
}
|
67
76
|
}
|
68
77
|
|
69
78
|
&--defender {
|
70
79
|
border-color: map-get($palette, 'defender');
|
80
|
+
|
81
|
+
&.mg-footballer-box--background {
|
82
|
+
background-color: rgba(map-get($palette, 'defender'), 0.1);
|
83
|
+
}
|
71
84
|
}
|
72
85
|
|
73
86
|
&--midfielder {
|
74
87
|
border-color: map-get($palette, 'midfielder');
|
88
|
+
|
89
|
+
&.mg-footballer-box--background {
|
90
|
+
background-color: rgba(map-get($palette, 'midfielder'), 0.1);
|
91
|
+
}
|
75
92
|
}
|
76
93
|
|
77
94
|
&--forward {
|
78
95
|
border-color: map-get($palette, 'forward');
|
96
|
+
|
97
|
+
&.mg-footballer-box--background {
|
98
|
+
background-color: rgba(map-get($palette, 'forward'), 0.1);
|
99
|
+
}
|
79
100
|
}
|
80
101
|
|
81
102
|
&--left {
|