@lazhus/kg-ui 0.4.7 → 0.4.8
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/custom-elements.json
CHANGED
|
@@ -4010,7 +4010,7 @@
|
|
|
4010
4010
|
"kind": "field",
|
|
4011
4011
|
"name": "styles",
|
|
4012
4012
|
"static": true,
|
|
4013
|
-
"default": "css` :host { display: block; font-family: 'Century Gothic', 'Apple Gothic', 'CenturyGothic', sans-serif; margin: 0; padding: 0; color: var(--kg-text); line-height: 1.6; } :host([as=\"span\"]) { display: inline; } .ui-text { margin: 0; padding: 0; transition: all 0.2s ease; } /* Headers */ .h1 { font-size: 2.5rem; font-weight: 700; line-height: 1.2; margin-bottom: 0
|
|
4013
|
+
"default": "css` :host { display: block; font-family: 'Century Gothic', 'Apple Gothic', 'CenturyGothic', sans-serif; margin: 0; padding: 0; color: var(--kg-text); line-height: 1.6; } :host([as=\"span\"]) { display: inline; } .ui-text { margin: 0; padding: 0; transition: all 0.2s ease; } /* Headers */ .h1 { font-size: 2.5rem; font-weight: 700; line-height: 1.2; margin-bottom: 0; } .h2 { font-size: 2rem; font-weight: 700; line-height: 1.25; margin-bottom: 0; } .h3 { font-size: 1.5rem; font-weight: 700; line-height: 1.3; margin-bottom: 0; } .h4 { font-size: 1.25rem; font-weight: 700; line-height: 1.4; margin-bottom: 0; } .h5 { font-size: 1.1rem; font-weight: 700; line-height: 1.4; margin-bottom: 0; } .h6 { font-size: 1rem; font-weight: 700; line-height: 1.4; margin-bottom: 0; } /* Body Variants */ .body { font-size: 1rem; } .small { font-size: 0.85rem; } .desc { font-size: 0.95rem; color: var(--kg-text-muted); line-height: 1.5; } .caption { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.05em; color: var(--kg-text-muted); } /* Features */ .dividing { padding-bottom: 0.25em; border-bottom: 1px solid var(--kg-border); margin-bottom: 1em; } /* Colors */ .muted { color: var(--kg-text-muted); } .primary { color: var(--kg-primary); } .secondary { color: var(--kg-secondary); } .tertiary { color: var(--kg-tertiary); } .error { color: #DB2828; } /* Weights */ .light { font-weight: 300; } .normal { font-weight: 400; } .medium { font-weight: 500; } .semibold { font-weight: 600; } .bold { font-weight: 700; } /* Alignment */ .center { text-align: center; } .right { text-align: right; } .justify { text-align: justify; } /* Disabled */ .disabled { opacity: 0.45; pointer-events: none; } /* Subheader integration if used inside or after kg-text */ ::slotted([slot=\"sub\"]) { display: block; font-weight: 400; font-size: 0.85em; color: var(--kg-text-muted); margin-top: 0.25em; } ::slotted([slot=\"icon\"]) { margin-right: 0.5em; opacity: 0.8; } .wrapper { display: flex; align-items: baseline; } `"
|
|
4014
4014
|
},
|
|
4015
4015
|
{
|
|
4016
4016
|
"kind": "method",
|
|
@@ -36,12 +36,12 @@ class r extends e {
|
|
|
36
36
|
}
|
|
37
37
|
|
|
38
38
|
/* Headers */
|
|
39
|
-
.h1 { font-size: 2.5rem; font-weight: 700; line-height: 1.2; margin-bottom: 0
|
|
40
|
-
.h2 { font-size: 2rem; font-weight: 700; line-height: 1.25; margin-bottom: 0
|
|
41
|
-
.h3 { font-size: 1.5rem; font-weight: 700; line-height: 1.3; margin-bottom: 0
|
|
42
|
-
.h4 { font-size: 1.25rem; font-weight: 700; line-height: 1.4; margin-bottom: 0
|
|
43
|
-
.h5 { font-size: 1.1rem; font-weight: 700; line-height: 1.4; margin-bottom: 0
|
|
44
|
-
.h6 { font-size: 1rem; font-weight: 700; line-height: 1.4; margin-bottom: 0
|
|
39
|
+
.h1 { font-size: 2.5rem; font-weight: 700; line-height: 1.2; margin-bottom: 0; }
|
|
40
|
+
.h2 { font-size: 2rem; font-weight: 700; line-height: 1.25; margin-bottom: 0; }
|
|
41
|
+
.h3 { font-size: 1.5rem; font-weight: 700; line-height: 1.3; margin-bottom: 0; }
|
|
42
|
+
.h4 { font-size: 1.25rem; font-weight: 700; line-height: 1.4; margin-bottom: 0; }
|
|
43
|
+
.h5 { font-size: 1.1rem; font-weight: 700; line-height: 1.4; margin-bottom: 0; }
|
|
44
|
+
.h6 { font-size: 1rem; font-weight: 700; line-height: 1.4; margin-bottom: 0; }
|
|
45
45
|
|
|
46
46
|
/* Body Variants */
|
|
47
47
|
.body { font-size: 1rem; }
|