refactor a little, splitting hand css and generated css
All checks were successful
PR Check / lint-and-format (pull_request) Successful in 20m0s
All checks were successful
PR Check / lint-and-format (pull_request) Successful in 20m0s
This commit is contained in:
parent
f79f1a8956
commit
b644088bf2
3 changed files with 30 additions and 25 deletions
|
@ -4,7 +4,7 @@ use ramhorns::Content;
|
|||
|
||||
use crate::{config::Config, template::InfosPage};
|
||||
|
||||
#[get("/css/languages.css")]
|
||||
#[get("/css/languages-defs.css")]
|
||||
pub async fn languages(config: web::Data<Config>) -> impl Responder {
|
||||
HttpResponse::Ok()
|
||||
.content_type("text/css")
|
||||
|
@ -26,7 +26,7 @@ struct LanguagesTemplate {
|
|||
#[once]
|
||||
fn build_languages(config: Config) -> String {
|
||||
config.tmpl.render(
|
||||
"static/languages.css",
|
||||
"static/languages-defs.css",
|
||||
LanguagesTemplate {
|
||||
langs: vec![
|
||||
Language {
|
||||
|
|
28
static/css/languages.css
Normal file
28
static/css/languages.css
Normal file
|
@ -0,0 +1,28 @@
|
|||
/* Languages definitions */
|
||||
@import url("/css/languages-defs.css");
|
||||
|
||||
:root {
|
||||
--lang-size-dot: 0.8em;
|
||||
--lang-margin-text: 3px;
|
||||
--lang-font-size: calc(var(--font-size) * 0.65);
|
||||
}
|
||||
|
||||
/* Filters */
|
||||
/* TODO.... */
|
||||
|
||||
/* Dot */
|
||||
p[data-lang]::before {
|
||||
content: "";
|
||||
|
||||
height: var(--lang-size-dot);
|
||||
width: var(--lang-size-dot);
|
||||
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/* Text */
|
||||
p[data-lang]::after {
|
||||
margin-left: var(--lang-margin-text);
|
||||
font-size: var(--lang-font-size);
|
||||
}
|
|
@ -1,26 +1,3 @@
|
|||
:root {
|
||||
--lang-size-dot: 0.8em;
|
||||
--lang-margin-text: 3px;
|
||||
--lang-font-size: calc(var(--font-size) * 0.65);
|
||||
}
|
||||
|
||||
/* Dot */
|
||||
p[data-lang]::before {
|
||||
content: "";
|
||||
|
||||
height: var(--lang-size-dot);
|
||||
width: var(--lang-size-dot);
|
||||
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/* Text */
|
||||
p[data-lang]::after {
|
||||
margin-left: var(--lang-margin-text);
|
||||
font-size: var(--lang-font-size);
|
||||
}
|
||||
|
||||
/* Definitions */
|
||||
{{#data}}{{#langs}}
|
||||
p[data-lang="{{code}}"]::before {
|
Loading…
Add table
Add a link
Reference in a new issue