From 3f72345cf2742a03951dc6868a16945832fcb415 Mon Sep 17 00:00:00 2001 From: Vrifox Date: Thu, 31 Dec 2020 13:15:37 +0100 Subject: [PATCH] added home related theming --- scss/dynamic.scss | 1 + scss/import/explore.scss | 74 ++++++++++++---------------------------- scss/import/home.scss | 30 ++++++++++++++++ scss/import/include.scss | 9 ++++- scss/static.scss | 1 + 5 files changed, 61 insertions(+), 54 deletions(-) create mode 100644 scss/import/home.scss diff --git a/scss/dynamic.scss b/scss/dynamic.scss index 7f9d683..ecc3fee 100644 --- a/scss/dynamic.scss +++ b/scss/dynamic.scss @@ -37,5 +37,6 @@ $border-radius: 5px; @import 'import/repository.scss'; @import 'import/user.scss'; @import 'import/organization.scss'; +@import 'import/home.scss'; @import 'import/_footer.scss'; diff --git a/scss/import/explore.scss b/scss/import/explore.scss index 553a6f6..67c55dc 100644 --- a/scss/import/explore.scss +++ b/scss/import/explore.scss @@ -30,51 +30,8 @@ } } } - .divider { - border-bottom: 1px solid $bg60 !important; - border-top: 0 !important; - } - .repository.list, - .user.list { - .item { - &:not(:first-child) { - border-top: 1px solid $bg60; - } - .header { - a.name { - i.archive.icon { - color: $white-dark !important; - } - } - .metas { - @if $singleuser == true { - display: none; - } - span { - color: $white-dark !important; - } - } - } - .description { - p { - color: $white; - &.time { - color: $white-dark; - } - } - .tags { - a .label { - background: $bg60; - color: $white; - &:hover { - background: $bg70; - color: $white-light; - } - } - } - } - } - } + @include divider; + @include repository-list; } } @@ -83,15 +40,26 @@ .explore.users { .container { .user.list { - .content { - .header { - color: $white; + .item { + &:not(:first-child) { + border-top: 1px solid $bg60; } - .description { - color: $white; - svg { - @if $nojavascript == true { - display: none; + .content { + .header { + color: $white; + } + .description { + color: $white-dark; + a { + color: $white; + &:hover { + color: $red; + } + } + svg { + @if $nojavascript == true { + display: none; + } } } } diff --git a/scss/import/home.scss b/scss/import/home.scss new file mode 100644 index 0000000..0924647 --- /dev/null +++ b/scss/import/home.scss @@ -0,0 +1,30 @@ + +// home + +.home { + //.page.grid { + //.column.sixteen { + .hero { + h1 { + color: $white; + } + h2 { + color: $white-dark; + } + } + h1.hero { + color: $white !important; + .svg { + fill: $red; + } + } + p { + a { + color: $white; + text-decoration: underline; + text-underline-offset: 2px; + } + } + //} + //} +} diff --git a/scss/import/include.scss b/scss/import/include.scss index 45270d9..3f3df8e 100644 --- a/scss/import/include.scss +++ b/scss/import/include.scss @@ -478,7 +478,7 @@ } .description { p { - color: $white; + color: $white-dark; &.time { color: $white-dark; } @@ -497,3 +497,10 @@ } } } + +@mixin divider { + .divider { + border-bottom: 1px solid $bg60 !important; + border-top: 0 !important; + } +} diff --git a/scss/static.scss b/scss/static.scss index e63970a..f769be1 100644 --- a/scss/static.scss +++ b/scss/static.scss @@ -35,5 +35,6 @@ $border-radius: 5px; @import 'import/repository.scss'; @import 'import/user.scss'; @import 'import/organization.scss'; +@import 'import/home.scss'; @import 'import/_footer.scss';