diff options
| author | Eltrac Koalar <hi@guhub.cn> | 2020-02-29 11:32:34 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-02-29 11:32:34 +0800 |
| commit | 28bfee0651f4609d5b2982a7828fb892c9f13264 (patch) | |
| tree | 389ba613725b1b8debfdfb7454e90c2d439f35ac /assets/css/main/component.css | |
| parent | 85827e2c81a4c2507b7cb510cf455e313d4aebca (diff) | |
📐 Perf: 优化字体大小 && 优化导航栏图标按钮的字体颜色
Diffstat (limited to 'assets/css/main/component.css')
| -rw-r--r-- | assets/css/main/component.css | 29 |
1 files changed, 17 insertions, 12 deletions
diff --git a/assets/css/main/component.css b/assets/css/main/component.css index 1dd5107..64073e8 100644 --- a/assets/css/main/component.css +++ b/assets/css/main/component.css @@ -141,24 +141,29 @@ button { /* Bubble */
.bubble {
position: relative;
- background: var(--theme-color);
+ background: #f1f1f1;
border-radius: 2px;
padding: 0;
- color: white;
+ color: #000;
display: inline-block;
min-width: 180px;
transition: all 0.3s;
}
-.bubble:before{
- position: absolute;
- content: "";
- width: 0;
- height: 0;
- right: 100%;
- top: 8px;
- border-top: 8px solid transparent;
- border-right: 16px solid var(--theme-color);
- border-bottom: 8px solid transparent;
+.bubble::before{
+ content: '';
+ position: absolute;
+ right: 100%;
+ top: 18px;
+ width: 0;
+ height: 0;
+ border-radius: 2px;
+ border-width: 9px;
+ border-style: solid;
+ border-color: transparent;
+ margin-bottom: -14px;
+ border-right-width: 18px;
+ border-right-color: currentColor;
+ color: #f1f1f1;
}
.bubble:hover {
transform: translateY(-6px);
|