@bagelink/vue 1.15.26 → 1.15.29
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/style.css +1 -1
- package/package.json +1 -1
- package/src/styles/bagel.css +21 -0
package/package.json
CHANGED
package/src/styles/bagel.css
CHANGED
|
@@ -3,6 +3,13 @@
|
|
|
3
3
|
specificity). Consumers override plain utilities with normal CSS, and
|
|
4
4
|
override `!important` utilities by adding their own `!important`. */
|
|
5
5
|
|
|
6
|
+
/* Icon fonts — must load via the main stylesheet (not only inside Icon.vue's
|
|
7
|
+
<style>), otherwise in Vite dev mode the @import is injected after other
|
|
8
|
+
rules and the browser ignores it, so Material/Font Awesome icons render as
|
|
9
|
+
raw ligature text. Keep these first so the @import rules stay valid. */
|
|
10
|
+
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');
|
|
11
|
+
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css');
|
|
12
|
+
|
|
6
13
|
/* Tokens — lowest priority, only custom properties */
|
|
7
14
|
@import "theme.css";
|
|
8
15
|
@import "dark.css";
|
|
@@ -26,6 +33,20 @@
|
|
|
26
33
|
@import "mobileColors.css";
|
|
27
34
|
@import "appearance.css";
|
|
28
35
|
|
|
36
|
+
/* Icon font-family bindings — mirrored from Icon.vue so icons work even when
|
|
37
|
+
that component's injected <style> is not yet present (e.g. Vite dev mode). */
|
|
38
|
+
.bgl_icon-font {
|
|
39
|
+
font-family: 'Material Symbols Outlined', serif !important;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.bgl_icon-font.fa {
|
|
43
|
+
font-family: 'Font Awesome 6 Free', serif !important;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.bgl_icon-font.fa-brands {
|
|
47
|
+
font-family: 'Font Awesome 6 Brands', serif !important;
|
|
48
|
+
}
|
|
49
|
+
|
|
29
50
|
/* Reset / base element styles */
|
|
30
51
|
:root {
|
|
31
52
|
--bgl-transition-ease: cubic-bezier(0.1, 0.5, 0.33, 1);
|