47 lines
1.0 KiB
SCSS
47 lines
1.0 KiB
SCSS
.ticket-created-by {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
@include breakpoint(laptop) {
|
|
justify-content: flex-start;
|
|
margin-bottom: .5rem;
|
|
}
|
|
.user-avatar {
|
|
flex-basis: 2rem;
|
|
flex-grow: 0;
|
|
margin-left: .5rem;
|
|
@include breakpoint(laptop) {
|
|
margin-left: 0;
|
|
margin-right: .5rem;
|
|
order: 1;
|
|
}
|
|
img {
|
|
width: 100%;
|
|
}
|
|
}
|
|
.created-by {
|
|
@include breakpoint(laptop) {
|
|
order: 2;
|
|
}
|
|
.created-title,
|
|
.created-date {
|
|
@extend %light;
|
|
@extend %small;
|
|
color: $gray;
|
|
display: block;
|
|
text-align: right;
|
|
@include breakpoint(laptop) {
|
|
text-align: left;
|
|
}
|
|
}
|
|
.created-title {
|
|
color: $primary;
|
|
}
|
|
.created-date {
|
|
margin-left: .5rem;
|
|
@include breakpoint(laptop) {
|
|
margin-left: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|