themes/default/layouts/_default/summary: Truncate over limit

1 files changed, 42 insertions, 1 deletions

diff --git a/assets/css/default.css b/assets/css/default.css
index c5cdd34..563d4ba 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -466,10 +466,11 @@ button,
 [type="button"],
 [type="submit"],
 micro-tags a,
+micro-expand label,
 paginator-navigation a,
 micro-author micro-summary > a {
   align-items: center;
-  appearance: button;
+  appearance: none;
   background-color: #fff;
   background-color: var(--button-background);
   border-radius: 0.5rem;
@@ -611,6 +612,46 @@ micro-article {
   display: block;
 }
 
+micro-card[limit] {
+  position: relative;
+}
+
+micro-card[limit] micro-summary {
+  opacity: 0.4;
+}
+
+micro-card[limit] micro-content {
+  max-height: 25rem;
+  overflow: hidden;
+}
+
+micro-card[limit] micro-overlay {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+[data-kind="page"] micro-card[limit],
+[data-kind="page"] micro-card[limit] micro-summary,
+[data-kind="page"] micro-card[limit] micro-content,
+input[type="checkbox"]:checked + micro-card[limit],
+input[type="checkbox"]:checked + micro-card[limit] micro-summary,
+input[type="checkbox"]:checked + micro-card[limit] micro-content {
+  max-height: 100%;
+  opacity: 1;
+  overflow: initial;
+  position: unset;
+}
+
+[data-kind="page"] micro-card[limit] micro-overlay,
+input[type="checkbox"]:checked + micro-card[limit] micro-overlay {
+  display: none;
+}
+
 message-archive h1 {
   text-align: center;
   font-weight: 400;