initial

themes/next/source/css/_common/components/third-party/localsearch.styl

@@ -0,0 +1,101 @@
+.local-search-pop-overlay
+  position: fixed
+  width: 100%
+  height: 100%
+  top: 0
+  left: 0
+  z-index: 2080
+  background-color: rgba(0, 0, 0, 0.3)
+
+.local-search-popup
+  display: none
+  position: fixed
+  top: 10%
+  left: 50%
+  margin-left: -350px
+  width: 700px
+  height: 80%
+  padding: 0
+  background: #fff
+  color: #333
+  z-index: 9999
+  border-radius: 5px
+  +mobile()
+    padding: 0
+    top: 0
+    left: 0
+    margin: 0
+    width: 100%
+    height: 100%
+    border-radius: 0
+
+  ul.search-result-list
+    padding: 0
+    margin: 0 5px
+
+  p.search-result
+    border-bottom: 1px dashed #ccc
+    padding: 5px 0
+
+  a.search-result-title
+    font-weight: bold
+    font-size: 16px
+
+  .search-keyword
+    border-bottom: 1px dashed #f00
+    font-weight: bold
+    color: #f00
+
+  .local-search-header
+    padding: 5px
+    height: 36px
+    background: #f5f5f5
+    border-top-left-radius: 5px
+    border-top-right-radius: 5px
+
+  #local-search-result
+    overflow: auto
+    position: relative
+    padding: 5px 25px
+    height: calc(100% - 55px)
+
+  .local-search-input-wrapper
+    display: inline-block
+    width: calc(100% - 90px)
+    height: 36px
+    line-height: 36px
+    padding: 0 5px
+
+  .local-search-input-wrapper input
+    padding: 8px 0
+    height: 20px
+    display: block
+    width: 100%
+    outline: none
+    border: none
+    background: transparent
+    vertical-align: middle
+
+  .search-icon, .popup-btn-close
+    display: inline-block
+    font-size: 18px
+    color: #999
+    height: 36px
+    width: 18px
+    padding-left: 10px
+    padding-right: 10px
+
+  .search-icon
+    float: left
+
+  .popup-btn-close
+    border-left: 1px solid #eee
+    float: right
+    cursor: pointer
+
+  #no-result
+    position: absolute
+    left: 50%
+    top: 50%
+    transform: translate(-50%, -50%)
+    color: #ccc