60 lines
1.1 KiB
SCSS
60 lines
1.1 KiB
SCSS
/* Global typography + helpers */
|
|
|
|
html,
|
|
body {
|
|
height: var(--app-viewport, 100vh);
|
|
}
|
|
|
|
body {
|
|
font-family: 'Iowan Old Style', ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
|
|
background: var(--claude-bg);
|
|
color: var(--claude-text);
|
|
overflow: hidden;
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
|
|
body[data-theme='dark'] {
|
|
background: var(--claude-bg);
|
|
color: var(--claude-text);
|
|
}
|
|
|
|
/* Global icon utility */
|
|
.icon {
|
|
--icon-size: 1em;
|
|
width: var(--icon-size);
|
|
height: var(--icon-size);
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
background-color: currentColor;
|
|
mask-image: var(--icon-src);
|
|
mask-repeat: no-repeat;
|
|
mask-position: center;
|
|
mask-size: contain;
|
|
-webkit-mask-image: var(--icon-src);
|
|
-webkit-mask-repeat: no-repeat;
|
|
-webkit-mask-position: center;
|
|
-webkit-mask-size: contain;
|
|
}
|
|
|
|
.icon-sm {
|
|
--icon-size: 16px;
|
|
}
|
|
|
|
.icon-md {
|
|
--icon-size: 20px;
|
|
}
|
|
|
|
.icon-lg {
|
|
--icon-size: 24px;
|
|
}
|
|
|
|
.icon-xl {
|
|
--icon-size: 32px;
|
|
}
|
|
|
|
.icon-label {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 6px;
|
|
}
|