adds support to og-link so that external links look better

This commit is contained in:
duoduoeeee 2020-08-28 01:38:52 +08:00
parent 7c4e6732c9
commit f636c53109
3 changed files with 17 additions and 2 deletions

View file

@ -237,8 +237,21 @@ header#header {
.color-menu-background { .color-menu-background {
background: $color-menu-background; background: $color-menu-background;
} }
.og-link { text-decoration: none; } .og-link {
.og-link:hover { text-decoration: none; } text-decoration: none;
padding: 6px;
padding-top: 8px;
border-radius: 3px;
background-color: $og-background;
-webkit-transition: background-color 2s linear;
-moz-transition: background-color 2s linear;
-o-transition: background-color 2s linear;
transition: background-color 2s linear;
}
.og-link:hover {
text-decoration: none;
background-color: $primary-color;
}
.bar-item-no-hover { .bar-item-no-hover {
cursor: default; cursor: default;
background: $color-menu-background; background: $color-menu-background;

View file

@ -6,3 +6,4 @@ $color-summary: #ddd;
$color-light: #bbb; $color-light: #bbb;
$color-menu-background: #222; $color-menu-background: #222;
$color-note-link: #666; $color-note-link: #666;
$og-background: #323232;

View file

@ -7,3 +7,4 @@ $color-summary: #111;
$color-note-link: #333; $color-note-link: #333;
$color-menu-background: #ddd; $color-menu-background: #ddd;
// $primary-color: #1d781d; // $primary-color: #1d781d;
$og-background: #cccccc;