@mixin adf-container-widget-theme($theme) { $primary: map-get($theme, primary); $accent: map-get($theme, accent); $warn: map-get($theme, warn); .hidden{ display: none; } .adf { &-field-list { padding: 0; list-style-type: none; width: 100%; height: 100%; } .container-widget__header-text { border-bottom: 1px solid rgba(0, 0, 0, 0.87); margin-left: 10px; margin-right: 10px; cursor: default; user-select: none; -webkit-user-select: none; /* Chrome/Safari/Opera */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE/Edge */ -webkit-touch-callout: none; /* iOS Safari */ &.collapsible { cursor: pointer; } } } container-widget { .grid-list { display: flex; flex-wrap: wrap; margin-left: -1%; margin-right: -1%; } .grid-list-item { flex-grow: 1; box-sizing: border-box; padding-left: 1%; padding-right: 1%; } .mat-form-field { width: 100%; } mat-form-field { width: 100%; } .mat-input-placeholder-wrapper { top: 5px !important; } .mat-input-placeholder { top: 1.8em !important; } .mat-focused { .mat-input-placeholder-wrapper { display: none; } label { transform: scaleX(1); transition: transform 150ms linear, background-color $swift-ease-in-duration $swift-ease-in-timing-function; color: mat-color($primary); } .mat-input-prefix { color: mat-color($primary); } } .mat-grid-tile { overflow: visible; } } }