@@ -0,0 +1,10 @@
+.popover {
+ font-family: $font-family-sans-serif;
+ border: 0;
+ box-shadow: $shadow-100;
+ max-width: 320px;
+}
+
+.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before {
+ border-right-color: #eee;
@@ -22,7 +22,7 @@ html body {
// 字体
body, .header-navbar, .navigation, .breadcrumb, h1, h2, h3, h4, h5 {
- font-family: Nunito, Montserrat,system-ui,BlinkMacSystemFont,-apple-system,sans-serif;
}
html body .content .content-wrapper {
@@ -98,3 +98,5 @@ ol, ul, dl {
@import "./components/link";
// img
@import "./components/img";
+// popover
+@import "./components/popover";
@@ -7,6 +7,7 @@
@import "./colors";
+$font-family-sans-serif: Nunito, Montserrat,system-ui,BlinkMacSystemFont,-apple-system,sans-serif;
// 常用阴影颜色
$shadow: 0 2px 4px 0 rgba(0,0,0,.08);
@@ -84,7 +84,6 @@
align-items: center;
margin-top: 1.35rem;
.brand-logo {
- background: url("../images/logo/vuexy-logo.png") no-repeat;
background-position: -65px -54px;
height: 24px;
width: 35px;
@@ -180,7 +180,6 @@
margin-right: 0;
// Brand Logo Scss
.brand-logo{
@@ -1 +1 @@
-@-webkit-keyframes ball-grid-beat{50%{opacity:.7}to{opacity:1}}@keyframes ball-grid-beat{50%{opacity:.7}to{opacity:1}}.ball-grid-beat{width:57px}.ball-grid-beat>div:first-child{-webkit-animation-delay:.14s;animation-delay:.14s;-webkit-animation-duration:.66s;animation-duration:.66s}.ball-grid-beat>div:nth-child(2){-webkit-animation-delay:.27s;animation-delay:.27s;-webkit-animation-duration:1.02s;animation-duration:1.02s}.ball-grid-beat>div:nth-child(3){-webkit-animation-delay:.57s;animation-delay:.57s;-webkit-animation-duration:1.04s;animation-duration:1.04s}.ball-grid-beat>div:nth-child(4){-webkit-animation-delay:.12s;animation-delay:.12s;-webkit-animation-duration:1.03s;animation-duration:1.03s}.ball-grid-beat>div:nth-child(5){-webkit-animation-delay:.09s;animation-delay:.09s;-webkit-animation-duration:1.59s;animation-duration:1.59s}.ball-grid-beat>div:nth-child(6){-webkit-animation-delay:.65s;animation-delay:.65s;-webkit-animation-duration:1.01s;animation-duration:1.01s}.ball-grid-beat>div:nth-child(7){-webkit-animation-delay:.4s;animation-delay:.4s;-webkit-animation-duration:1.54s;animation-duration:1.54s}.ball-grid-beat>div:nth-child(8){-webkit-animation-delay:.19s;animation-delay:.19s;-webkit-animation-duration:.9s;animation-duration:.9s}.ball-grid-beat>div:nth-child(9){-webkit-animation-delay:.36s;animation-delay:.36s;-webkit-animation-duration:.7s;animation-duration:.7s}.ball-grid-beat>div{background-color:#b8c2cc;width:15px;height:15px;border-radius:100%;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block;float:left;-webkit-animation-name:ball-grid-beat;animation-name:ball-grid-beat;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:0;animation-delay:0}
+@-webkit-keyframes ball-grid-beat{50%{opacity:.7}to{opacity:1}}@keyframes ball-grid-beat{50%{opacity:.7}to{opacity:1}}.ball-grid-beat{width:57px}.ball-grid-beat>div:first-child{-webkit-animation-delay:-.05s;animation-delay:-.05s;-webkit-animation-duration:1.53s;animation-duration:1.53s}.ball-grid-beat>div:nth-child(2){-webkit-animation-delay:.55s;animation-delay:.55s;-webkit-animation-duration:1.15s;animation-duration:1.15s}.ball-grid-beat>div:nth-child(3){-webkit-animation-delay:.45s;animation-delay:.45s;-webkit-animation-duration:1.22s;animation-duration:1.22s}.ball-grid-beat>div:nth-child(4){-webkit-animation-delay:.11s;animation-delay:.11s;-webkit-animation-duration:1.49s;animation-duration:1.49s}.ball-grid-beat>div:nth-child(5){-webkit-animation-delay:.57s;animation-delay:.57s;-webkit-animation-duration:.89s;animation-duration:.89s}.ball-grid-beat>div:nth-child(6){-webkit-animation-delay:.1s;animation-delay:.1s;-webkit-animation-duration:1.48s;animation-duration:1.48s}.ball-grid-beat>div:nth-child(7){-webkit-animation-delay:.52s;animation-delay:.52s;-webkit-animation-duration:.67s;animation-duration:.67s}.ball-grid-beat>div:nth-child(8){-webkit-animation-delay:.23s;animation-delay:.23s;-webkit-animation-duration:.74s;animation-duration:.74s}.ball-grid-beat>div:nth-child(9){-webkit-animation-delay:.16s;animation-delay:.16s;-webkit-animation-duration:.75s;animation-duration:.75s}.ball-grid-beat>div{background-color:#b8c2cc;width:15px;height:15px;border-radius:100%;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block;float:left;-webkit-animation-name:ball-grid-beat;animation-name:ball-grid-beat;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:0;animation-delay:0}
-@-webkit-keyframes ball-grid-pulse{0%{transform:scale(1)}50%{transform:scale(.5);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes ball-grid-pulse{0%{transform:scale(1)}50%{transform:scale(.5);opacity:.7}to{transform:scale(1);opacity:1}}.ball-grid-pulse{width:57px}.ball-grid-pulse>div:first-child{-webkit-animation-delay:.05s;animation-delay:.05s;-webkit-animation-duration:.95s;animation-duration:.95s}.ball-grid-pulse>div:nth-child(2){-webkit-animation-delay:.49s;animation-delay:.49s;-webkit-animation-duration:.99s;animation-duration:.99s}.ball-grid-pulse>div:nth-child(3){-webkit-animation-delay:.46s;animation-delay:.46s;-webkit-animation-duration:.65s;animation-duration:.65s}.ball-grid-pulse>div:nth-child(4){-webkit-animation-delay:-.19s;animation-delay:-.19s;-webkit-animation-duration:1.3s;animation-duration:1.3s}.ball-grid-pulse>div:nth-child(5){-webkit-animation-delay:.03s;animation-delay:.03s;-webkit-animation-duration:1.18s;animation-duration:1.18s}.ball-grid-pulse>div:nth-child(6){-webkit-animation-delay:-.04s;animation-delay:-.04s;-webkit-animation-duration:1.09s;animation-duration:1.09s}.ball-grid-pulse>div:nth-child(7){-webkit-animation-delay:-.02s;animation-delay:-.02s;-webkit-animation-duration:1.09s;animation-duration:1.09s}.ball-grid-pulse>div:nth-child(8){-webkit-animation-delay:-.04s;animation-delay:-.04s;-webkit-animation-duration:1.6s;animation-duration:1.6s}.ball-grid-pulse>div:nth-child(9){-webkit-animation-delay:.18s;animation-delay:.18s;-webkit-animation-duration:1.18s;animation-duration:1.18s}.ball-grid-pulse>div{background-color:#b8c2cc;width:15px;height:15px;border-radius:100%;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block;float:left;-webkit-animation-name:ball-grid-pulse;animation-name:ball-grid-pulse;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:0;animation-delay:0}
+@-webkit-keyframes ball-grid-pulse{0%{transform:scale(1)}50%{transform:scale(.5);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes ball-grid-pulse{0%{transform:scale(1)}50%{transform:scale(.5);opacity:.7}to{transform:scale(1);opacity:1}}.ball-grid-pulse{width:57px}.ball-grid-pulse>div:first-child{-webkit-animation-delay:.01s;animation-delay:.01s;-webkit-animation-duration:.78s;animation-duration:.78s}.ball-grid-pulse>div:nth-child(2){-webkit-animation-delay:-.04s;animation-delay:-.04s;-webkit-animation-duration:.71s;animation-duration:.71s}.ball-grid-pulse>div:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-duration:.79s;animation-duration:.79s}.ball-grid-pulse>div:nth-child(4){-webkit-animation-delay:.27s;animation-delay:.27s;-webkit-animation-duration:1.54s;animation-duration:1.54s}.ball-grid-pulse>div:nth-child(5){-webkit-animation-delay:.33s;animation-delay:.33s;-webkit-animation-duration:1.29s;animation-duration:1.29s}.ball-grid-pulse>div:nth-child(6){-webkit-animation-delay:.79s;animation-delay:.79s;-webkit-animation-duration:1.3s;animation-duration:1.3s}.ball-grid-pulse>div:nth-child(7){-webkit-animation-delay:-.13s;animation-delay:-.13s;-webkit-animation-duration:.76s;animation-duration:.76s}.ball-grid-pulse>div:nth-child(8){-webkit-animation-delay:.22s;animation-delay:.22s;-webkit-animation-duration:.86s;animation-duration:.86s}.ball-grid-pulse>div:nth-child(9){-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation-duration:1.53s;animation-duration:1.53s}.ball-grid-pulse>div{background-color:#b8c2cc;width:15px;height:15px;border-radius:100%;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block;float:left;-webkit-animation-name:ball-grid-pulse;animation-name:ball-grid-pulse;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:0;animation-delay:0}
-@-webkit-keyframes line-scale-party{0%{transform:scale(1)}50%{transform:scale(.5)}to{transform:scale(1)}}@keyframes line-scale-party{0%{transform:scale(1)}50%{transform:scale(.5)}to{transform:scale(1)}}.line-scale-party>div:first-child{-webkit-animation-delay:.18s;animation-delay:.18s;-webkit-animation-duration:.5s;animation-duration:.5s}.line-scale-party>div:nth-child(2){-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-duration:1.2s;animation-duration:1.2s}.line-scale-party>div:nth-child(3){-webkit-animation-delay:.12s;animation-delay:.12s;-webkit-animation-duration:.97s;animation-duration:.97s}.line-scale-party>div:nth-child(4){-webkit-animation-delay:.69s;animation-delay:.69s;-webkit-animation-duration:.78s;animation-duration:.78s}.line-scale-party>div{background-color:#b8c2cc;width:4px;height:3.45rem;border-radius:2px;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block;-webkit-animation-name:line-scale-party;animation-name:line-scale-party;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:0;animation-delay:0}
+@-webkit-keyframes line-scale-party{0%{transform:scale(1)}50%{transform:scale(.5)}to{transform:scale(1)}}@keyframes line-scale-party{0%{transform:scale(1)}50%{transform:scale(.5)}to{transform:scale(1)}}.line-scale-party>div:first-child{-webkit-animation-delay:.55s;animation-delay:.55s;-webkit-animation-duration:.97s;animation-duration:.97s}.line-scale-party>div:nth-child(2){-webkit-animation-delay:.12s;animation-delay:.12s;-webkit-animation-duration:.59s;animation-duration:.59s}.line-scale-party>div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s;-webkit-animation-duration:.92s;animation-duration:.92s}.line-scale-party>div:nth-child(4){-webkit-animation-delay:.16s;animation-delay:.16s;-webkit-animation-duration:.75s;animation-duration:.75s}.line-scale-party>div{background-color:#b8c2cc;width:4px;height:3.45rem;border-radius:2px;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block;-webkit-animation-name:line-scale-party;animation-name:line-scale-party;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:0;animation-delay:0}
@@ -26,7 +26,7 @@ class QuickSearch extends AbstractTool
/**
* @var int rem
*/
- protected $width = 20;
+ protected $width = 19;
public function __construct($key = null, $title = null)
{