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

46 lines
876 B
SCSS
Raw Normal View History

.account__header .account__header__fields {
2018-01-13 20:41:20 +02:00
font-size: 15px;
line-height: 20px;
overflow: hidden;
margin: 20px -10px -20px;
border-bottom: 0;
border-top: 0;
2018-01-13 20:41:20 +02:00
dl {
background: $ui-base-color;
border-top: 1px solid lighten($ui-base-color, 4%);
border-bottom: 0;
display: flex;
2018-01-13 20:41:20 +02:00
}
dt,
dd {
box-sizing: border-box;
padding: 14px 5px;
text-align: center;
max-height: 48px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
2018-01-13 20:41:20 +02:00
}
dt {
color: $darker-text-color;
2018-01-13 20:41:20 +02:00
background: lighten($ui-base-color, 13%);
width: 120px;
flex: 0 0 auto;
font-weight: 500;
2018-01-13 20:41:20 +02:00
}
dd {
flex: 1 1 auto;
2018-01-13 20:41:20 +02:00
color: $primary-text-color;
background: $ui-base-color;
&.verified {
border: 1px solid rgba($valid-value-color, 0.5);
background: rgba($valid-value-color, 0.25);
2018-01-13 20:41:20 +02:00
}
}
}