Files

50 lines
1.5 KiB
CSS

/* lato-regular - latin */
@font-face {
font-display: swap;
font-family: 'Lato';
font-style: normal;
font-weight: 400;
src: url('../fonts/lato-v24-latin-regular.woff2') format('woff2');
}
/* lato-italic - latin */
@font-face {
font-display: swap;
font-family: 'Lato';
font-style: italic;
font-weight: 400;
src: url('../fonts/lato-v24-latin-italic.woff2') format('woff2');
}
/* lato-700 - latin */
@font-face {
font-display: swap;
font-family: 'Lato';
font-style: normal;
font-weight: 700;
src: url('../fonts/lato-v24-latin-700.woff2') format('woff2');
}
/* lato-900 - latin */
@font-face {
font-display: swap;
font-family: 'Lato';
font-style: normal;
font-weight: 900;
src: url('../fonts/lato-v24-latin-900.woff2') format('woff2');
}
/* These url()s are NOT relative to this file. postcss-import inlines this partial verbatim
and Tailwind's CLI does not rebase urls, so they are resolved by the browser relative to
the OUTPUT file, assets/styles/app.css -- which is what makes ../fonts/ correct.
AssetMapper then rewrites them to versioned paths when it compiles assets/styles/app.css. */
/* htmx indicator visibility. app.js sets htmx.config.includeIndicatorStyles = false, so htmx
injects no <style> block of its own -- these three rules are what replaces it. */
.htmx-indicator {
@apply invisible;
}
.htmx-request .htmx-indicator {
@apply visible;
}
.htmx-request.htmx-indicator {
@apply visible;
}