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/explore.scss';
|
||||||
@import 'import/repository.scss';
|
@import 'import/repository.scss';
|
||||||
@import 'import/user.scss';
|
@import 'import/user.scss';
|
||||||
|
@import 'import/organization.scss';
|
||||||
|
|
||||||
@import 'import/_footer.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;
|
fill: $white;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@include dropdown;
|
||||||
.dropdown.button {
|
.dropdown.button {
|
||||||
.download.icon {
|
.download.icon {
|
||||||
color: $white;
|
color: $white;
|
||||||
|
|
|
@ -95,71 +95,11 @@
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
form.form {
|
@include search;
|
||||||
.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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.divider {
|
.divider {
|
||||||
border-bottom: 1px solid $bg60;
|
border-bottom: 1px solid $bg60;
|
||||||
}
|
}
|
||||||
.repository.list {
|
@include 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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -34,5 +34,6 @@ $border-radius: 5px;
|
||||||
@import 'import/explore.scss';
|
@import 'import/explore.scss';
|
||||||
@import 'import/repository.scss';
|
@import 'import/repository.scss';
|
||||||
@import 'import/user.scss';
|
@import 'import/user.scss';
|
||||||
|
@import 'import/organization.scss';
|
||||||
|
|
||||||
@import 'import/_footer.scss';
|
@import 'import/_footer.scss';
|
||||||
|
|
Reference in a new issue