@pocketprep/ui-kit 3.0.25 → 3.0.27
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/@pocketprep/ui-kit.js +16 -15
- package/dist/@pocketprep/ui-kit.js.map +1 -1
- package/dist/@pocketprep/ui-kit.umd.cjs +1 -1
- package/dist/@pocketprep/ui-kit.umd.cjs.map +1 -1
- package/dist/style.css +1 -1
- package/lib/components/Icons/IconLevelUp.vue +4 -4
- package/lib/components/Quiz/Question.vue +9 -5
- package/package.json +1 -1
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<!-- eslint-disable -->
|
|
3
|
-
<svg width="
|
|
3
|
+
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
4
4
|
<title>{{ title }}</title>
|
|
5
|
-
<path d="
|
|
6
|
-
<path d="
|
|
7
|
-
<path d="
|
|
5
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.49998 13.4C3.89246 13.4 3.39998 13.8925 3.39998 14.5V19.5C3.39998 20.1075 3.89246 20.6 4.49998 20.6C5.10749 20.6 5.59998 20.1075 5.59998 19.5V14.5C5.59998 13.8925 5.10749 13.4 4.49998 13.4ZM1.59998 14.5C1.59998 12.8984 2.89835 11.6 4.49998 11.6C6.1016 11.6 7.39998 12.8984 7.39998 14.5V19.5C7.39998 21.1016 6.1016 22.4 4.49998 22.4C2.89835 22.4 1.59998 21.1016 1.59998 19.5V14.5Z" fill="currentColor"/>
|
|
6
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 9.4C11.8925 9.4 11.4 9.89249 11.4 10.5V19.5C11.4 20.1075 11.8925 20.6 12.5 20.6C13.1075 20.6 13.6 20.1075 13.6 19.5V10.5C13.6 9.89249 13.1075 9.4 12.5 9.4ZM9.59998 10.5C9.59998 8.89837 10.8983 7.6 12.5 7.6C14.1016 7.6 15.4 8.89837 15.4 10.5V19.5C15.4 21.1016 14.1016 22.4 12.5 22.4C10.8983 22.4 9.59998 21.1016 9.59998 19.5V10.5Z" fill="currentColor"/>
|
|
7
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.5 5.4C19.8925 5.4 19.4 5.89249 19.4 6.5V19.5C19.4 20.1075 19.8925 20.6 20.5 20.6C21.1075 20.6 21.6 20.1075 21.6 19.5V6.5C21.6 5.89249 21.1075 5.4 20.5 5.4ZM17.6 6.5C17.6 4.89837 18.8983 3.6 20.5 3.6C22.1016 3.6 23.4 4.89837 23.4 6.5V19.5C23.4 21.1016 22.1016 22.4 20.5 22.4C18.8983 22.4 17.6 21.1016 17.6 19.5V6.5Z" fill="currentColor"/>
|
|
8
8
|
</svg>
|
|
9
9
|
<!-- eslint-enable -->
|
|
10
10
|
</template>
|
|
@@ -2774,7 +2774,7 @@ export default class Question extends Vue {
|
|
|
2774
2774
|
}
|
|
2775
2775
|
|
|
2776
2776
|
&--selected#{&}--answer {
|
|
2777
|
-
background-color: $
|
|
2777
|
+
background-color: $cadaverous;
|
|
2778
2778
|
color: $white;
|
|
2779
2779
|
border: none;
|
|
2780
2780
|
|
|
@@ -2784,7 +2784,7 @@ export default class Question extends Vue {
|
|
|
2784
2784
|
}
|
|
2785
2785
|
|
|
2786
2786
|
&--answer:not(&--selected) {
|
|
2787
|
-
color: $
|
|
2787
|
+
color: $cadaverous;
|
|
2788
2788
|
}
|
|
2789
2789
|
|
|
2790
2790
|
&--answer--dark:not(&--selected) {
|
|
@@ -3142,11 +3142,15 @@ export default class Question extends Vue {
|
|
|
3142
3142
|
}
|
|
3143
3143
|
|
|
3144
3144
|
&--correct {
|
|
3145
|
-
background-color: $
|
|
3145
|
+
background-color: $cadaverous;
|
|
3146
|
+
|
|
3147
|
+
&--dark {
|
|
3148
|
+
background-color: $jungle-green;
|
|
3149
|
+
}
|
|
3146
3150
|
}
|
|
3147
3151
|
|
|
3148
3152
|
&--incorrect {
|
|
3149
|
-
background-color: $
|
|
3153
|
+
background-color: $pepper;
|
|
3150
3154
|
|
|
3151
3155
|
&--dark {
|
|
3152
3156
|
background-color: $rosa;
|
|
@@ -3250,7 +3254,7 @@ export default class Question extends Vue {
|
|
|
3250
3254
|
flex-direction: column;
|
|
3251
3255
|
align-items: center;
|
|
3252
3256
|
flex: 1;
|
|
3253
|
-
background-color: rgba($
|
|
3257
|
+
background-color: rgba($cadaverous, 0.13);
|
|
3254
3258
|
padding: 9px 0;
|
|
3255
3259
|
border-radius: 6px;
|
|
3256
3260
|
|