Add notifications markup and style

This commit is contained in:
Timothée Goguely 2024-10-29 13:02:03 +01:00
parent badcc46358
commit b332c6d871
4 changed files with 108 additions and 5 deletions

View file

@ -48,7 +48,8 @@
[data-icon="home"] {
--icon: var(--icon-home)
}
[data-icon="calendar"] {
[data-icon="calendar"],
[data-icon="event"] {
--icon: var(--icon-calendar)
}
[data-icon="megaphone"] {
@ -96,7 +97,8 @@
[data-icon="arrow-left"] {
--icon: var(--icon-arrow-left)
}
[data-icon="document"] {
[data-icon="document"],
[data-icon="content"] {
--icon: var(--icon-document)
}
[data-icon="comment"] {

View file

@ -18,6 +18,8 @@
.top-0 { top: 0 }
.bottom-0 { bottom: 0 }
.left-0 { left: 0 }
.right-0 { right: 0 }
.right-0 { right: 0 }
.right-gutter { right: var(--gutter) }
.-z-1 { z-index: -1 }

View file

@ -63,4 +63,14 @@
.underline {
text-decoration: underline;
}
}
/* Line clamp */
.line-clamp {
display: -webkit-box;
-webkit-line-clamp: var(--line-clamp, 2);
-webkit-box-orient: vertical;
overflow: hidden;
}