update
This commit is contained in:
parent
1b658bb904
commit
74a3c54e87
1 changed files with 158 additions and 137 deletions
|
@ -4,145 +4,159 @@
|
||||||
.user {
|
.user {
|
||||||
.container {
|
.container {
|
||||||
.grid {
|
.grid {
|
||||||
.card {
|
.five.column {
|
||||||
background: $bg50;
|
.card {
|
||||||
box-shadow: none;
|
background: $bg50;
|
||||||
color: $white;
|
box-shadow: none;
|
||||||
position: sticky;
|
|
||||||
top: 20px;
|
|
||||||
.content {
|
|
||||||
.header {
|
|
||||||
color: $white;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.extra.content {
|
|
||||||
ul {
|
|
||||||
color: $white;
|
|
||||||
li:not(:last-child) {
|
|
||||||
border-bottom: 1px solid $bg60;
|
|
||||||
}
|
|
||||||
a {
|
|
||||||
color: $white-light;
|
|
||||||
&:hover {
|
|
||||||
color: $red;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.secondary.pointing.menu {
|
|
||||||
background: $bg70;
|
|
||||||
border: 0;
|
|
||||||
border-radius: 5px 5px 0 0;
|
|
||||||
margin-top: -15px;
|
|
||||||
overflow-x: auto;
|
|
||||||
overflow-y: hidden;
|
|
||||||
padding: 0 20px;
|
|
||||||
scrollbar-color: $white-dark $bg70;
|
|
||||||
top: 0;
|
|
||||||
transform: rotateX(180deg);
|
|
||||||
z-index: 100;
|
|
||||||
.item {
|
|
||||||
border-bottom: 2px solid transparent;
|
|
||||||
border-radius: 5px 5px 0 0;
|
|
||||||
color: $white;
|
color: $white;
|
||||||
font-family: $font-family;
|
position: sticky;
|
||||||
margin-bottom: 10px;
|
top: 20px;
|
||||||
transform: rotateX(180deg);
|
.content {
|
||||||
transition: background .2s, color .2s;
|
.header {
|
||||||
&:hover {
|
color: $white;
|
||||||
background: $bg60;
|
|
||||||
color: $white-light;
|
|
||||||
}
|
|
||||||
&.active {
|
|
||||||
border-bottom: 2px solid $white;
|
|
||||||
color: $white;
|
|
||||||
&:hover {
|
|
||||||
color: $white-light;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@if $nojavascript == true {
|
.extra.content {
|
||||||
svg {
|
ul.text.black {
|
||||||
display: none;
|
color: $white;
|
||||||
}
|
li {
|
||||||
}
|
@if $nojavascript == true {
|
||||||
.label {
|
padding: 10px 20px;
|
||||||
background: $white;
|
}
|
||||||
color: $bg70;
|
&:not(:last-child) {
|
||||||
}
|
border-bottom: 1px solid $bg60;
|
||||||
@if $singleuser == true {
|
}
|
||||||
&[href*="stars"],
|
svg {
|
||||||
&[href*="following"],
|
@if $nojavascript == true {
|
||||||
&[href*="followers"] {
|
display: none;
|
||||||
display: none;
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
a {
|
||||||
}
|
color: $white-light;
|
||||||
@if $nojavascript == true {
|
&:hover {
|
||||||
.filter.menu {
|
color: $red;
|
||||||
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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.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 {
|
}
|
||||||
|
}
|
||||||
|
.eleven.column {
|
||||||
|
.secondary.pointing.menu {
|
||||||
|
background: $bg70;
|
||||||
|
border: 0;
|
||||||
|
border-radius: 5px 5px 0 0;
|
||||||
|
margin-top: -15px;
|
||||||
|
overflow-x: auto;
|
||||||
|
overflow-y: hidden;
|
||||||
|
padding: 0 20px;
|
||||||
|
scrollbar-color: $white-dark $bg70;
|
||||||
|
top: 0;
|
||||||
|
transform: rotateX(180deg);
|
||||||
|
z-index: 100;
|
||||||
|
.item {
|
||||||
|
border-bottom: 2px solid transparent;
|
||||||
|
border-radius: 5px 5px 0 0;
|
||||||
|
color: $white;
|
||||||
|
font-family: $font-family;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
transform: rotateX(180deg);
|
||||||
|
transition: background .2s, color .2s;
|
||||||
|
&:hover {
|
||||||
|
background: $bg60;
|
||||||
|
color: $white-light;
|
||||||
|
}
|
||||||
|
&.active {
|
||||||
|
border-bottom: 2px solid $white;
|
||||||
|
color: $white;
|
||||||
|
&:hover {
|
||||||
|
color: $white-light;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@if $nojavascript == true {
|
||||||
|
svg {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
span {
|
}
|
||||||
color: $white-dark !important;
|
.label {
|
||||||
|
background: $white;
|
||||||
|
color: $bg70;
|
||||||
|
}
|
||||||
|
@if $singleuser == true {
|
||||||
|
&[href*="stars"],
|
||||||
|
&[href*="following"],
|
||||||
|
&[href*="followers"] {
|
||||||
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.description {
|
}
|
||||||
p {
|
@if $nojavascript == true {
|
||||||
|
.filter.menu {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
form.form {
|
||||||
|
.input {
|
||||||
|
input {
|
||||||
|
background: $bg40;
|
||||||
|
border: 2px solid $bg60;
|
||||||
color: $white;
|
color: $white;
|
||||||
&.time {
|
&:focus {
|
||||||
color: $white-dark;
|
background: $bg50;
|
||||||
|
border: 2px solid $bg60;
|
||||||
|
color: $white-light;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.tags {
|
.button {
|
||||||
a .label {
|
background: $bg60;
|
||||||
background: $bg60;
|
border: 0;
|
||||||
|
&:hover {
|
||||||
|
background: $bg50;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.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;
|
color: $white;
|
||||||
&:hover {
|
&.time {
|
||||||
background: $bg70;
|
color: $white-dark;
|
||||||
color: $white-light;
|
}
|
||||||
|
}
|
||||||
|
.tags {
|
||||||
|
a .label {
|
||||||
|
background: $bg60;
|
||||||
|
color: $white;
|
||||||
|
&:hover {
|
||||||
|
background: $bg70;
|
||||||
|
color: $white-light;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -158,20 +172,27 @@
|
||||||
.user.profile {
|
.user.profile {
|
||||||
.container {
|
.container {
|
||||||
.grid {
|
.grid {
|
||||||
.feeds {
|
.eleven.column {
|
||||||
.news {
|
#user-heatmap {
|
||||||
.content {
|
@if $nojavascript == true {
|
||||||
span {
|
display: none;
|
||||||
color: $white-dark !important;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
p.grey {
|
}
|
||||||
span {
|
.feeds {
|
||||||
color: $white-dark;
|
.news {
|
||||||
|
.content {
|
||||||
|
span {
|
||||||
|
color: $white-dark !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
p.grey {
|
||||||
|
span {
|
||||||
|
color: $white-dark;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.svg {
|
||||||
|
fill: $white-dark;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
.svg {
|
|
||||||
fill: $white-dark;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Reference in a new issue