Files
kredits-web/app/styles/components/_contributor-list.scss
basti ef0f3ffbfb Add background overlay to improve contrast
And use lowercase-hyphenated syntax for variables/mixins.
2018-07-12 11:29:45 +02:00

88 lines
1.5 KiB
SCSS

table.contributor-list {
width: 100%;
border-collapse: collapse;
tr {
border-bottom: 1px solid rgba(255,255,255,0.2);
&:first-of-type {
border-top: 1px solid rgba(255,255,255,0.2);
}
background-color: rgba(255,255,255,0.1);
&.current-user {
background-color: rgba(255,255,255,0.2);
}
&.metadata {
height: 0;
transition: all 0.2s ease-out;
td {
padding: 0 1.2rem;
}
a {
color: $primary-color;
&:hover, &:active {
color: #fff;
}
}
ul {
list-style: none;
display: block;
overflow: hidden;
height: 0;
transition: all 0.2s ease-out;
li {
display: inline;
&+li {
margin-left: 1rem;
}
}
}
&.visible {
height: auto;
ul {
height: auto;
}
}
}
td {
padding: 0 1.2rem;
line-height: 4.2rem;
&.person {
text-align: left;
font-size: 1.4rem;
img.avatar {
width: 2rem;
height: 2rem;
vertical-align: middle;
margin-right: 0.2rem;
border-radius: 1rem;
}
}
&.kredits {
text-align: right;
.amount {
font-size: 1.4rem;
}
.symbol {
font-size: 1rem;
padding-left: 0.2rem;
}
}
pre {
line-height: 1rem;
padding-bottom: 1rem;
}
}
}
}