fuse-angular/src/app/main/apps/chat/chat-start/chat-start.component.scss

36 lines
831 B
SCSS

@import "src/@fuse/scss/fuse";
:host {
display: flex;
flex: 1;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.6) 20%, rgba(255, 255, 255, 0.8));
.big-circle {
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.6) 20%, rgba(255, 255, 255, 0.8));
border-radius: 50%;
width: 300px;
height: 300px;
line-height: 300px;
text-align: center;
@include media-breakpoint-down('sm') {
width: 160px;
height: 160px;
line-height: 160px;
}
mat-icon {
color: mat-color($accent);
}
}
.app-title {
font-weight: 500;
font-size: 32px;
}
.secondary-text {
font-size: 16px;
}
}