feat(code): add support for code block folding (#259)

2020-04-26 03:25:10 +08:00
parent 41a92c6166
commit bcbc4268ea
32 changed files with 351 additions and 270 deletions
--- a/assets/css/_partial/_details.scss
+++ b/assets/css/_partial/_details.scss
@@ -0,0 +1,33 @@
+.details {
+  .details-summary {
+    &:hover {
+      cursor: pointer;
+    }
+  }
+
+  i.details-icon {
+    color: $global-font-secondary-color;
+    @include transition(transform 0.2s ease);
+
+    .dark & {
+      color: $global-font-secondary-color-dark;
+    }
+  }
+
+  .details-content {
+    max-height: 0;
+    overflow-y: hidden;
+    @include transition(max-height 0.8s cubic-bezier(0, 1, 0, 1) -0.1s);
+  }
+
+  &.open {
+    i.details-icon {
+      @include transform(rotate(180deg));
+    }
+
+    .details-content {
+      max-height: $MAX_LENGTH;
+      @include transition(max-height 0.8s cubic-bezier(0.5, 0, 1, 0) 0s);
+    }
+  }
+}