alfresco-ng2-components/lib/core/templates/empty-content/empty-content.component.scss
Denys Vuika 94cd14bf71 fix responsiveness issues for empty screen (#4389)
* fix responsiveness issues for empty screen

* fix test

* fix test
2019-03-16 15:23:39 +00:00

37 lines
931 B
SCSS

@mixin adf-empty-content-theme($theme) {
$config: mat-typography-config();
$foreground: map-get($theme, foreground);
.adf-empty-content {
color: mat-color($foreground, text, 0.54);
display: flex;
flex-direction: column;
align-items: center;
&__icon {
font-size: mat-font-size($config, display-3);
height: mat-font-size($config, display-3) !important;
width: mat-font-size($config, display-3) !important;
}
&__title {
font-size: 18px;
font-weight: 600;
line-height: 0;
white-space: normal;
text-align: center;
margin: 10px 0;
}
&__subtitle,
&__text {
font-size: 14px;
font-weight: 300;
line-height: inherit;
white-space: normal;
text-align: center;
}
}
}