Add solitude

2026-11-04 03:08:00 +09:00 · 2024-07-05 21:01:19 +08:00
parent 26d71c4fbc
commit 71758b9fce
289 changed files with 23277 additions and 0 deletions
@@ -0,0 +1,181 @@
+.search-dialog
+  position fixed
+  top 5rem
+  left 50%
+  z-index 1001
+  display none
+  margin-left -15rem
+  padding 1rem
+  width 30rem
+  box-shadow var(--efu-shadow-lightblack)
+  background var(--efu-card-bg)
+  border var(--style-border)
+  transition 0.3s
+  border-radius 8px
+  animation slide-in .6s ease 0s 1 normal none running
+
+  &:hover
+    border var(--style-border-hover)
+    box-shadow var(--efu-shadow-theme)
+    +maxWidth768()
+      border none
+
+  +maxWidth768()
+    top 0
+    left 0
+    margin 0
+    width 100%
+    height 100%
+    border 0
+
+  .algolia-navbar
+    display flex
+    align-items center
+    margin-bottom 8px
+
+  .algolia-tips
+    color var(--efu-secondtext)
+    right 0
+    margin-left auto
+    opacity .8
+
+  .search-close-button
+    color var(--efu-secondtext)
+    font-size 1.4em
+    line-height 1
+    cursor pointer
+    padding 4px
+    border-radius 50px
+    margin-left 4px
+    transition .3s
+
+    &:hover
+      color var(--efu-main)
+
+  .algolia-tips-text
+    margin-left .4rem
+
+  #algolia-input-panel
+    margin-bottom 8px
+
+  .search-box, .ais-SearchBox
+    padding-top 8px
+    max-width 100%
+    position relative
+    width 100%
+    min-width 100%
+
+    input, .ais-SearchBox-input
+      height 100%
+      width 100%
+      padding 0.25rem 0.7rem
+      outline 0
+      border var(--style-border)
+      border-radius 8px
+      background var(--efu-secondbg)
+      color var(--efu-fontcolor)
+
+      &:focus
+        border var(--style-border-hover)
+
+  .ais-Pagination
+    .ais-Pagination-item--disabled
+      visibility hidden
+
+  #search-results
+    padding-top 8px
+    max-height calc(80vh - 130px)
+    overflow-y auto
+
+    +maxWidth768()
+      max-height 80vh !important
+
+  .ais-Hits-list
+    padding 0
+
+  .ais-Hits-item
+    margin 10px 0
+
+  .algolia-hit-item-content
+    margin 0
+    padding-left 10px
+    font-size 14px
+    color var(--efu-gray)
+
+  .algolia-hit-item-link
+    width auto
+    max-width 100%
+    white-space nowrap
+    text-overflow ellipsis
+    overflow hidden
+    font-weight bold
+
+  mark
+    color var(--efu-theme)
+    font-style normal
+    background var(--efu-card-bg)
+
+  .ais-Hits--empty
+    text-align center
+    font-weight 600
+
+  .ais-Pagination-list
+    margin 0.2rem 0 0
+    padding 0
+    text-align center
+
+  .ais-Pagination-item.pagination-item
+    margin 0 0.2rem
+    padding 0
+    display inline-block
+
+    a
+      border-radius 4px
+      color var(--efu-white)
+      cursor pointer
+      display inline-block
+      min-width 1.2rem
+      text-align center
+      line-height 1.2rem
+
+  .search-dialog__title
+    font-weight 700
+    padding 0 0 0.7rem
+    color var(--efu-main)
+    font-size 1.4em
+    line-height 1
+
+  #algolia-tips
+    padding-top 12px
+    color var(--efu-secondtext)
+    right 0
+    margin auto
+
+    .algolia-tips-text
+      margin-left .4rem
+
+#search-mask
+  position fixed
+  inset 0
+  z-index 1000
+  display none
+  background rgba(0, 0, 0, 0.6)
+  backdrop-filter blur(12px)
+  -webkit-backdrop-filter blur(12px)
+  transform translateZ(0)
+  background var(--efu-maskbgdeep)
+
+#algolia-hits
+  .tag-list
+    padding 4px 8px
+    border-radius 8px
+    margin-right 0.5rem
+    margin-top 0.5rem
+    border var(--style-border-always)
+
+    &:hover
+      background var(--efu-main)
+      color var(--efu-white)
+
+.ais-Pagination-item--selected a
+  background var(--efu-main)