added organization related theming
This commit is contained in:
parent
853b3a398d
commit
9b089b976b
6 changed files with 125 additions and 62 deletions
|
@ -36,5 +36,6 @@ $border-radius: 5px;
|
|||
@import 'import/explore.scss';
|
||||
@import 'import/repository.scss';
|
||||
@import 'import/user.scss';
|
||||
@import 'import/organization.scss';
|
||||
|
||||
@import 'import/_footer.scss';
|
||||
|
|
|
@ -429,3 +429,71 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
@mixin search {
|
||||
form.form {
|
||||
.input {
|
||||
input {
|
||||
background: $bg40;
|
||||
border: 2px solid $bg60;
|
||||
color: $white;
|
||||
&:focus {
|
||||
background: $bg50;
|
||||
border: 2px solid $bg60;
|
||||
color: $white-light;
|
||||
}
|
||||
}
|
||||
.button {
|
||||
background: $bg60;
|
||||
border: 0;
|
||||
&:hover {
|
||||
background: $bg50;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@mixin repository-list {
|
||||
.repository.list {
|
||||
.item {
|
||||
&:not(:first-child) {
|
||||
border-top: 1px solid $bg60;
|
||||
}
|
||||
.header {
|
||||
a.name {
|
||||
font-family: $font-family;
|
||||
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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
52
scss/import/organization.scss
Normal file
52
scss/import/organization.scss
Normal file
|
@ -0,0 +1,52 @@
|
|||
|
||||
/* organization: profile */
|
||||
|
||||
.organization.profile {
|
||||
.container { // 1st
|
||||
#org-info {
|
||||
.header {
|
||||
color: $white;
|
||||
}
|
||||
.desc {
|
||||
color: $white-dark;
|
||||
}
|
||||
.text.grey.meta {
|
||||
color: $white-dark;
|
||||
.item {
|
||||
a {
|
||||
color: $red !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.divider {
|
||||
border-bottom: 1px solid $bg60 !important;
|
||||
border-top: 0 !important;
|
||||
}
|
||||
.container { // 2nd
|
||||
//.grid {
|
||||
//.eleven.wide.column {
|
||||
@if $nojavascript == true {
|
||||
.filter.menu {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@include search;
|
||||
//}
|
||||
//.five.wide.column
|
||||
.top.attached.header {
|
||||
background: $bg60;
|
||||
border: 0;
|
||||
color: $white;
|
||||
}
|
||||
.attached.segment.members {
|
||||
background: $bg30;
|
||||
border: 0;
|
||||
color: $white;
|
||||
}
|
||||
@include repository-list;
|
||||
//}
|
||||
//}
|
||||
}
|
||||
}
|
|
@ -1413,6 +1413,7 @@
|
|||
fill: $white;
|
||||
}
|
||||
}
|
||||
@include dropdown;
|
||||
.dropdown.button {
|
||||
.download.icon {
|
||||
color: $white;
|
||||
|
|
|
@ -95,71 +95,11 @@
|
|||
display: none;
|
||||
}
|
||||
}
|
||||
form.form {
|
||||
.input {
|
||||
input {
|
||||
background: $bg40;
|
||||
border: 2px solid $bg60;
|
||||
color: $white;
|
||||
&:focus {
|
||||
background: $bg50;
|
||||
border: 2px solid $bg60;
|
||||
color: $white-light;
|
||||
}
|
||||
}
|
||||
.button {
|
||||
background: $bg60;
|
||||
border: 0;
|
||||
&:hover {
|
||||
background: $bg50;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@include search;
|
||||
.divider {
|
||||
border-bottom: 1px solid $bg60;
|
||||
}
|
||||
.repository.list {
|
||||
.item {
|
||||
&:not(:first-child) {
|
||||
border-top: 1px solid $bg60;
|
||||
}
|
||||
.header {
|
||||
a.name {
|
||||
font-family: $font-family;
|
||||
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 repository-list;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -34,5 +34,6 @@ $border-radius: 5px;
|
|||
@import 'import/explore.scss';
|
||||
@import 'import/repository.scss';
|
||||
@import 'import/user.scss';
|
||||
@import 'import/organization.scss';
|
||||
|
||||
@import 'import/_footer.scss';
|
||||
|
|
Reference in a new issue