diff --git a/scss/backend.scss b/scss/backend.scss index a8a68e2..0185712 100644 --- a/scss/backend.scss +++ b/scss/backend.scss @@ -28,5 +28,6 @@ $border-radius: 5px; @import 'import/repository.scss'; @import 'import/explore.scss'; @import 'import/user.scss'; +@import 'import/dashboard.scss'; @import 'import/footer'; diff --git a/scss/import/dashboard.scss b/scss/import/dashboard.scss new file mode 100644 index 0000000..c19c772 --- /dev/null +++ b/scss/import/dashboard.scss @@ -0,0 +1,135 @@ +.dashboard.feeds { + .dashboard-navbar { + .secondary.menu { + .item { + .dropdown { + &:hover { + .context.user.menu { + display: none; + } + } + .text { + color: $white; + } + .context.user.menu { + background: $bg50; + .header { + color: $white; + } + .scrolling.menu.items { + border: 0; + } + .item { + border-radius: 0; + color: $white !important; + &:hover { + background: $bg40; + } + &.active { + background: $bg40 !important; + &:hover { + background: $bg30 !important; + } + } + } + } + } + } + } + } + .divider { + border: 0 !important; + border-top: 1px solid $bg60 !important; + } + .container { + .grid { + .column.ten { + .news { + .grid { + .column.fourteen { + div { + .content { + ul { + li { + .text.grey { + color: $white-dark !important; + } + } + } + } + .text.grey { + .time-since { + color: $white-dark; + } + } + } + } + .column.two { + .text.grey { + svg { + fill: $white-dark; + } + } + } + } + } + } + .column.six { + div { + .item.tabable.menu { + background: $bg70; + border: 0; + .item { + color: $white; + &:hover { + background: $bg60 !important; + } + &.active { + background: $bg60; + &:hover { + background: $bg50; + } + } + } + } + .tab.list.dashboard-repos { + h4.attached.header { + background: $bg50; + border: 0; + color: $white; + span.grey.label { + background: $white; + color: $bg50; + } + .right { + a { + color: $white; + } + } + } + .repos-search { + background: $bg50; + border: 0; + color: $white; + .input { + + } + .repos-filter { + .item { + color: $white; + &.active { + .grey.label { + background: $white; + color: $bg50; + border-radius: $border-radius; + } + } + } + } + } + } + } + } + } + } +}