Basic static metadata styling
parent
1a8011648f
commit
6610d57f91
|
@ -203,6 +203,31 @@
|
||||||
color: $ui-secondary-color;
|
color: $ui-secondary-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.metadata {
|
||||||
|
margin: 15px 0;
|
||||||
|
border: thin $ui-base-color solid;
|
||||||
|
border-collapse: collapse;
|
||||||
|
padding: 0;
|
||||||
|
|
||||||
|
th {
|
||||||
|
margin: 0;
|
||||||
|
border: thin $ui-base-color solid;
|
||||||
|
padding: 0 5px;
|
||||||
|
color: $ui-secondary-color;
|
||||||
|
background: darken($ui-base-color, 8%);
|
||||||
|
width: 94px;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
td {
|
||||||
|
margin: 0;
|
||||||
|
border: thin $ui-base-color solid;
|
||||||
|
padding: 0 5px;
|
||||||
|
color: $ui-primary-color;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 480px) {
|
@media screen and (max-width: 480px) {
|
||||||
display: block;
|
display: block;
|
||||||
|
|
||||||
|
|
|
@ -34,11 +34,11 @@
|
||||||
.bio
|
.bio
|
||||||
.account__header__content.p-note.emojify!=processed_bio[:text]
|
.account__header__content.p-note.emojify!=processed_bio[:text]
|
||||||
- if processed_bio[:metadata].length > 0
|
- if processed_bio[:metadata].length > 0
|
||||||
.metadata<
|
%table.metadata<
|
||||||
- processed_bio[:metadata].each do |i|
|
- processed_bio[:metadata].each do |i|
|
||||||
.metadata-item><
|
%tr.metadata-item><
|
||||||
%b.emojify>!=i[0]
|
%th.emojify>!=i[0]
|
||||||
%span.emojify>!=i[1]
|
%td.emojify>!=i[1]
|
||||||
|
|
||||||
.details-counters
|
.details-counters
|
||||||
.counter{ class: active_nav_class(short_account_url(account)) }
|
.counter{ class: active_nav_class(short_account_url(account)) }
|
||||||
|
|
Loading…
Reference in New Issue