adrien-payet/actuel-inactuel
1
0
Fork 0
Code Issues 12 Pull requests Projects Releases Packages Wiki Activity Actions

add quote block, cite custom mark, and blockquote styles

Browse source 
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
isUnknown 2026-03-23 08:08:27 +01:00
parent 6ea1325e91
commit e425d6d141
10 changed files with 147 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

9
assets/css/panel.css
View file

@ -9,7 +9,10 @@
color: #000;
}
.k-panel[data-template="year"] .k-section-name-texts .k-list-items .k-item:first-child {
.k-panel[data-template="year"]
.k-section-name-texts
.k-list-items
.k-item:first-child {
margin-bottom: 2rem;
}
.k-panel[data-template="year"] .k-section-name-texts .k-list-items::before {
@ -23,3 +26,7 @@
background-color: #000;
color: #fff;
}
.k-block-type-quote-citation {
font-style: normal;
}

26
assets/css/src/_article.scss
View file

@ -35,11 +35,6 @@ article h3 {
margin-top: calc(3 * var(--unit--vertical));
margin-bottom: calc(1 * var(--unit--vertical));
}
@media screen and (max-width: 640px) {
article h3 {
scroll-margin-top: calc(var(--unit--vertical) * 5);
}
}
article li,
article ol {
@ -54,6 +49,27 @@ article figure img {
max-width: 100%;
}
// Quotes
// ——————
blockquote {
border-left: 1px solid #fff;
margin: calc(var(--unit--vertical) * 2) 0;
padding-left: var(--unit--horizontal);
}
blockquote footer {
margin-top: calc(var(--unit--vertical) / 2);
font-size: var(--font-size-m);
}
blockquote.big {
font-weight: var(--font-weight-light);
font-size: var(--font-size-l);
}
@media screen and (max-width: 640px) {
article h3 {
scroll-margin-top: calc(var(--unit--vertical) * 5);
}
}
@media screen and (min-width: 640px) {
article #main-content {
max-width: auto;

35
assets/css/style.css
View file

@ -896,11 +896,6 @@ article h3 {
margin-bottom: calc(1 * var(--unit--vertical));
}
@media screen and (max-width: 640px) {
article h3 {
scroll-margin-top: calc(var(--unit--vertical) * 5);
}
}
article li,
article ol {
margin-left: var(--unit--horizontal);
@ -914,6 +909,27 @@ article figure img {
max-width: 100%;
}
blockquote {
border-left: 1px solid #fff;
margin: calc(var(--unit--vertical) * 2) 0;
padding-left: var(--unit--horizontal);
}
blockquote footer {
margin-top: calc(var(--unit--vertical) / 2);
font-size: var(--font-size-m);
}
blockquote.big {
font-weight: var(--font-weight-light);
font-size: var(--font-size-l);
}
@media screen and (max-width: 640px) {
article h3 {
scroll-margin-top: calc(var(--unit--vertical) * 5);
}
}
@media screen and (min-width: 640px) {
article #main-content {
max-width: auto;
@ -1262,15 +1278,6 @@ body.full-width #main-content {
:root {
--color-primary--transparent: rgba(255, 255, 255, 0.86);
/* --color-secondary-rgb: 120, 171, 150;
--color-secondary: rgba(var(--color-secondary-rgb), 0.86);
--color-secondary--light: rgba(var(--color-secondary-rgb), 0.2);
--color-secondary--x-light: rgb(var(--color-secondary-rgb), 0.1);
--color-tertiary-rgb: 253, 68, 26;
--color-tertiary: rgba(var(--color-tertiary-rgb), 0.86);
--color-tertiary--light: rgba(var(--color-tertiary-rgb), 0.2);
--color-tertiary--x-light: rgb(var(--color-tertiary-rgb), 0.1); */
--color-secondary-rgb: 200, 200, 200;
--color-secondary: rgba(var(--color-secondary-rgb), 0.86);
--color-secondary--light: rgba(var(--color-secondary-rgb), 0.2);

2
assets/css/style.css.map
View file

File diff suppressed because one or more lines are too long