2022-02-05 10:55:34 +00:00
|
|
|
@import "./variables";
|
|
|
|
@import '~bootstrap/scss/bootstrap.scss';
|
2022-01-15 13:02:06 +00:00
|
|
|
|
2022-02-05 10:55:34 +00:00
|
|
|
.svg-inline--fa,
|
|
|
|
.with-emoji .emoji {
|
|
|
|
max-width: 1em;
|
|
|
|
max-height: 1em;
|
2022-01-01 19:37:33 +00:00
|
|
|
height: 2em;
|
|
|
|
|
2022-02-05 10:55:34 +00:00
|
|
|
&.margin-right {
|
|
|
|
margin-right: 0.5em;
|
2022-01-01 19:37:33 +00:00
|
|
|
}
|
2022-01-15 00:59:06 +00:00
|
|
|
|
2022-02-05 10:55:34 +00:00
|
|
|
&.margin-left {
|
|
|
|
margin-left: 0.5em;
|
2022-01-01 19:37:33 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2022-02-05 10:55:34 +00:00
|
|
|
.software-name > .icon {
|
|
|
|
max-width: 1.5em;
|
|
|
|
max-height: 1.5em;
|
|
|
|
padding-right: 0.5em;
|
2022-01-01 19:37:33 +00:00
|
|
|
}
|
|
|
|
|
2022-02-05 10:55:34 +00:00
|
|
|
.navbar {
|
|
|
|
.navbar-brand {
|
2022-01-01 19:37:33 +00:00
|
|
|
.logo {
|
2022-02-05 10:55:34 +00:00
|
|
|
height: 1.5rem;
|
|
|
|
margin-right: 0.5rem;
|
2022-01-01 19:37:33 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2022-02-05 10:55:34 +00:00
|
|
|
table.stats {
|
|
|
|
.software-name {
|
|
|
|
.icon {
|
|
|
|
max-height: 2em;
|
|
|
|
max-width: 2em;
|
2022-01-01 19:37:33 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2022-02-05 10:55:34 +00:00
|
|
|
.progress {
|
|
|
|
height: 0.5em;
|
2022-01-01 19:37:33 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
2022-02-05 10:55:34 +00:00
|
|
|
.feed .card-body{
|
2022-01-01 19:37:33 +00:00
|
|
|
text-align: left;
|
|
|
|
display: grid;
|
2022-02-05 10:55:34 +00:00
|
|
|
grid-template-columns: [start] min(15%) [main] auto [end];
|
|
|
|
grid-template-rows: [start] auto [address] auto [software] auto [badges];
|
2022-01-01 19:37:33 +00:00
|
|
|
column-gap: 1em;
|
|
|
|
row-gap: 1em;
|
|
|
|
|
|
|
|
> * {
|
|
|
|
align-self: start;
|
|
|
|
}
|
|
|
|
|
|
|
|
.avatar {
|
|
|
|
width: 100%;
|
|
|
|
grid-column: start /main;
|
2022-02-05 10:55:34 +00:00
|
|
|
grid-row: span 4;
|
2022-02-05 19:49:35 +00:00
|
|
|
border-radius: $border-radius;
|
2022-01-01 19:37:33 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.display-name {
|
|
|
|
grid-column: main / end;
|
2022-01-15 00:59:06 +00:00
|
|
|
grid-row: start;
|
2022-01-01 19:37:33 +00:00
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.address {
|
|
|
|
grid-column: main / end;
|
|
|
|
grid-row: address;
|
|
|
|
}
|
|
|
|
|
2022-02-05 10:55:34 +00:00
|
|
|
.software-name{
|
|
|
|
grid-column: main /end;
|
|
|
|
grid-row: software;
|
|
|
|
}
|
|
|
|
|
2022-01-15 00:59:06 +00:00
|
|
|
.badges {
|
2022-01-01 19:37:33 +00:00
|
|
|
grid-column: main /end;
|
|
|
|
grid-row: badges;
|
2022-01-15 00:59:06 +00:00
|
|
|
|
2022-02-05 10:55:34 +00:00
|
|
|
.badge{
|
|
|
|
margin-right: 0.5em;
|
2022-01-01 19:37:33 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.fields {
|
|
|
|
grid-column: start / end;
|
|
|
|
grid-row: span 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
.description {
|
|
|
|
grid-column: start/end;
|
|
|
|
grid-row: span 1;
|
2022-02-05 19:49:35 +00:00
|
|
|
overflow-y: auto;
|
2022-01-15 00:59:06 +00:00
|
|
|
|
2022-01-01 19:37:33 +00:00
|
|
|
p {
|
|
|
|
margin: 0 0 1em 0;
|
|
|
|
|
|
|
|
&:last-child {
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (max-width: 640px) {
|
2022-01-15 00:59:06 +00:00
|
|
|
.display-name {
|
2022-01-01 19:37:33 +00:00
|
|
|
grid-column-start: start;
|
|
|
|
}
|
2022-01-15 00:59:06 +00:00
|
|
|
.address {
|
2022-01-01 19:37:33 +00:00
|
|
|
grid-column-start: start;
|
|
|
|
margin-top: -1em;
|
|
|
|
}
|
2022-02-05 10:55:34 +00:00
|
|
|
.badges{
|
|
|
|
margin-top: -1em;
|
|
|
|
}
|
2022-01-15 00:59:06 +00:00
|
|
|
.avatar {
|
2022-02-05 10:55:34 +00:00
|
|
|
grid-row-start: software;
|
|
|
|
grid-row: span 2;
|
2022-01-01 19:37:33 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2022-01-15 00:59:06 +00:00
|
|
|
|