use LoveIt theme, self hosted

1 files changed, 33 insertions, 0 deletions

diff --git a/themes/LoveIt/assets/css/_partial/_details.scss b/themes/LoveIt/assets/css/_partial/_details.scss
new file mode 100644
index 0000000..f1702d0
--- /dev/null
+++ b/themes/LoveIt/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);
+
+    [theme=dark] & {
+      color: $global-font-secondary-color-dark;
+    }
+  }
+
+  .details-content {
+    max-height: 0;
+    overflow-y: hidden;
+    @include details-transition-open;
+  }
+
+  &.open {
+    i.details-icon {
+      @include transform(rotate(90deg));
+    }
+
+    .details-content {
+      max-height: $MAX_LENGTH;
+      @include details-transition-close;
+    }
+  }
+}