dependabot[bot]
2024-08-15 cb68069d455cf513da4eefeab7868062085b4064
quartz/components/styles/explorer.scss
@@ -1,5 +1,6 @@
@use "../../styles/variables.scss" as *;
button#explorer {
  all: unset;
  background-color: transparent;
  border: none;
  text-align: left;
@@ -9,7 +10,7 @@
  display: flex;
  align-items: center;
  & h1 {
  & h2 {
    font-size: 1rem;
    display: inline-block;
    margin: 0;
@@ -44,8 +45,18 @@
  list-style: none;
  overflow: hidden;
  max-height: none;
  transition: max-height 0.35s ease;
  transition:
    max-height 0.35s ease,
    visibility 0s linear 0s;
  margin-top: 0.5rem;
  visibility: visible;
  &.collapsed {
    transition:
      max-height 0.35s ease,
      visibility 0s linear 0.35s;
    visibility: hidden;
  }
  &.collapsed > .overflow::after {
    opacity: 0;
@@ -85,7 +96,7 @@
    color: var(--secondary);
    font-family: var(--headerFont);
    font-size: 0.95rem;
    font-weight: 600;
    font-weight: $semiBoldWeight;
    line-height: 1.5rem;
    display: inline-block;
  }
@@ -106,11 +117,11 @@
    align-items: center;
    font-family: var(--headerFont);
    & p {
    & span {
      font-size: 0.95rem;
      display: inline-block;
      color: var(--secondary);
      font-weight: 600;
      font-weight: $semiBoldWeight;
      margin: 0;
      line-height: 1.5rem;
      pointer-events: none;
@@ -126,7 +137,7 @@
  backface-visibility: visible;
}
div:has(> .folder-outer:not(.open)) > .folder-container > svg {
li:has(> .folder-outer:not(.open)) > .folder-container > svg {
  transform: rotate(-90deg);
}