parent
4daf56f6da
commit
7b054dc585
|
|
@ -181,13 +181,17 @@ export default {
|
|||
}
|
||||
|
||||
&__role {
|
||||
flex: 0 1 110px;
|
||||
text-align: right;
|
||||
@include desktop {
|
||||
flex: 0 1 110px;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
&__action {
|
||||
flex: 0 1 110px;
|
||||
padding-left: $large-spacing;
|
||||
@include desktop {
|
||||
flex: 0 1 110px;
|
||||
padding-left: $large-spacing;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -32,12 +32,20 @@ export default {
|
|||
.show-code {
|
||||
&__title {
|
||||
@include regular-text;
|
||||
margin-bottom: 2 * $large-spacing;
|
||||
|
||||
margin-bottom: $large-spacing;
|
||||
@include desktop {
|
||||
margin-bottom: 2 * $large-spacing;
|
||||
}
|
||||
}
|
||||
|
||||
&__code {
|
||||
font-size: toRem(120px);
|
||||
letter-spacing: toRem(20px);
|
||||
font-size: toRem(60px);
|
||||
letter-spacing: toRem(10px);
|
||||
@include desktop {
|
||||
font-size: toRem(120px);
|
||||
letter-spacing: toRem(20px);
|
||||
}
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -37,7 +37,7 @@
|
|||
|
||||
&__meta {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-direction: column-reverse;
|
||||
@include desktop {
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -8,13 +8,17 @@
|
|||
}
|
||||
|
||||
&__item {
|
||||
line-height: $list-height;
|
||||
height: $list-height;
|
||||
border-bottom: 1px solid $color-silver-dark;
|
||||
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
flex-direction: column;
|
||||
line-height: $list-height;
|
||||
|
||||
@include desktop {
|
||||
flex-direction: row;
|
||||
height: $list-height;
|
||||
justify-content: space-between;
|
||||
}
|
||||
}
|
||||
|
||||
&__action {
|
||||
|
|
|
|||
Loading…
Reference in New Issue