website_next: part 9

website_next/explore/block/style.css

@@ -10,93 +10,6 @@
   line-height: var(--line-height-sm);
   scrollbar-width: none;
 
-  [data-dim] {
-    opacity: 0.5;
-  }
-
-  :is(h1, p) {
-    margin: 0;
-  }
-
-  > header {
-    --block-title-height-color: var(--gray);
-    --block-title-height-line-height: var(--line-height-lg);
-    --block-title-height-size: var(--font-size-lg);
-    --block-title-label-size: 2.5rem;
-
-    display: grid;
-    padding-bottom: 1.25rem;
-
-    [data-block-title] {
-      display: grid;
-      grid-template-columns: minmax(0, 1fr) auto;
-      gap: 0.35rem 1rem;
-      align-items: start;
-      min-width: 0;
-    }
-
-    [data-block-main] {
-      display: grid;
-      gap: 0.15rem;
-      min-width: 0;
-    }
-
-    h1 {
-      display: flex;
-      flex-wrap: wrap;
-      gap: 0.35em;
-      align-items: baseline;
-      min-width: 0;
-      overflow-wrap: anywhere;
-      font-family: var(--font-mono);
-      font-weight: var(--font-weight-regular);
-      line-height: 1;
-    }
-
-    [data-block-date],
-    [data-block-hash-line] {
-      color: var(--gray);
-    }
-
-    [data-block-date] {
-      white-space: nowrap;
-      text-align: right;
-    }
-
-    [data-block-side] {
-      display: grid;
-      gap: 0.15rem;
-      justify-items: end;
-      min-width: max-content;
-    }
-
-    [data-block-actions] {
-      display: flex;
-      flex-wrap: wrap;
-      gap: 0.5rem;
-      align-items: center;
-      justify-content: flex-end;
-      min-width: 0;
-
-      button {
-        padding: 0.375rem 0.5rem;
-        font-size: var(--font-size-xs);
-        line-height: 1;
-      }
-
-      [data-receipt-button] {
-        padding: 0.25rem 0.375rem;
-      }
-    }
-
-    [data-block-hash-line] {
-      min-width: 0;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
-  }
-
   > div {
     display: grid;
     grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -110,7 +23,7 @@
     min-width: 0;
   }
 
-  section {
+  [data-block-column] > section {
     display: grid;
     align-content: start;
     gap: 0.75rem;
@@ -118,30 +31,11 @@
   }
 }
 
-:is(#block-details > header, dialog[data-block-receipt] [data-receipt-head]) {
-  [data-title-label] {
-    font-family: var(--font-serif);
-    font-size: var(--block-title-label-size);
-    font-style: italic;
-    line-height: 0.9;
-    text-transform: lowercase;
-  }
-
-  [data-title-height] {
-    color: var(--block-title-height-color);
-    font-size: var(--block-title-height-size);
-    line-height: var(--block-title-height-line-height);
-  }
-
-  [data-title-height] [data-dim] {
-    opacity: 0.5;
-  }
-}
-
 @media (max-width: 48rem) {
   #block-details {
     min-width: 0;
     height: auto;
+    overflow: visible;
     padding: 1rem var(--page-x) var(--page-x);
 
     > div {