glitchier-soc/app/javascript/flavours/glitch/styles/metadata.scss

57 lines
1,004 B
SCSS
Raw Normal View History

.account__header__fields {
2018-01-13 20:41:20 +02:00
$meta-table-border: lighten($ui-base-color, 8%);
padding: 0;
margin: 15px -15px -15px -15px;
border: 0 none;
border-top: 1px solid $meta-table-border;
border-bottom: 1px solid $meta-table-border;
font-size: 14px;
line-height: 20px;
2018-01-13 20:41:20 +02:00
dl {
display: flex;
2018-01-13 20:41:20 +02:00
border-bottom: 1px solid $meta-table-border;
}
dt,
dd {
box-sizing: border-box;
padding: 14px;
2018-01-13 20:41:20 +02:00
text-align: center;
max-height: 48px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
2018-01-13 20:41:20 +02:00
}
dt {
2018-01-13 20:41:20 +02:00
padding-left: 15px;
font-weight: 500;
2018-01-13 20:41:20 +02:00
text-align: center;
width: 120px;
flex: 0 0 auto;
color: $secondary-text-color;
2018-01-13 20:41:20 +02:00
background: darken($ui-base-color, 8%);
}
dd {
flex: 1 1 auto;
color: $darker-text-color;
}
2018-01-13 20:41:20 +02:00
a {
color: $highlight-text-color;
text-decoration: none;
&:hover,
&:focus,
&:active {
text-decoration: underline;
}
}
dl:last-child {
border-bottom: 0;
2018-01-13 20:41:20 +02:00
}
}