diff options
| author | silverwind <me@silverwind.io> | 2020-12-05 11:09:09 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-12-05 12:09:09 +0200 |
| commit | 61d6c191d5852703048218e047d367f91533c517 (patch) | |
| tree | c4c0cbe5c0a8b78b01863313259f963b5274851f /web_src/less/_base.less | |
| parent | 1a768e547c076f21338b84e7cd74a3f967e9156c (diff) | |
| download | gitea-61d6c191d5852703048218e047d367f91533c517.tar.gz gitea-61d6c191d5852703048218e047d367f91533c517.zip | |
Improve migrate page and add card CSS (#13751)
- Use original gitea logo on migrate page
- Add card styles and map colors to css vars
- Tweak migrate page, adding hover effect to cards
Co-authored-by: Lunny Xiao <xiaolunwen@gmail.com>
Diffstat (limited to 'web_src/less/_base.less')
| -rw-r--r-- | web_src/less/_base.less | 44 |
1 files changed, 44 insertions, 0 deletions
diff --git a/web_src/less/_base.less b/web_src/less/_base.less index 884fb69abc..6fee330c57 100644 --- a/web_src/less/_base.less +++ b/web_src/less/_base.less @@ -94,10 +94,12 @@ --color-hover: #0000000a; --color-active: #00000010; --color-menu: #ffffff; + --color-card: #ffffff; --color-markdown-table-row: #00000008; --color-markdown-code-block: #00000010; --color-button: #ffffff; --color-code-bg: #ffffff; + --color-shadow: #00000024; } :root:lang(ja) { @@ -374,6 +376,48 @@ a.muted:hover, box-shadow: -1px -1px 0 0 var(--color-secondary); } +.ui.cards > .card, +.ui.card { + background: var(--color-card); + border: 1px solid var(--color-secondary); + box-shadow: none; +} + +.ui.cards > .card > .content, +.ui.card > .content { + border-color: var(--color-secondary); +} + +.ui.cards > .card > .extra, +.ui.card > .extra, +.ui.cards > .card > .extra a:not(.ui), +.ui.card > .extra a:not(.ui) { + color: var(--color-text); +} + +.ui.cards > .card > .extra a:not(.ui):hover, +.ui.card > .extra a:not(.ui):hover { + color: var(--color-primary); +} + +.ui.cards > .card > .content > .header, +.ui.card > .content > .header { + color: var(--color-text); +} + +.ui.cards > .card > .content > .description, +.ui.card > .content > .description { + color: var(--color-text); +} + +.ui.cards a.card:hover, +.ui.link.cards .card:not(.icon):hover, +a.ui.card:hover, +.ui.link.card:hover { + border: 1px solid var(--color-secondary); + background: var(--color-card); +} + .ui.progress[data-percent="0"] .bar .progress { color: var(--color-text); } |