Denys Vuika 6e5d6ea3bb
[ADF-2930] general purpose "Empty Page" component (#3296)
* empty content component

* fix selector name

* style fixes

* cleanup code

* docs for empty content

* update docs

* update docs

* use typography for icon

* layout fixes for Login (ported from ACA)
2018-05-10 16:13:53 +01:00

34 lines
762 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;
}
p {
line-height: 0;
}
&__title {
font-size: 18px;
font-weight: 600;
}
&__subtitle,
&__text {
font-size: 14px;
font-weight: 300;
}
}
}