@ng-matero/extensions
Version:
Angular Material Extensions
2 lines (1 loc) • 15.5 kB
CSS
.mat-button-loading .mdc-button__label,.mat-button-loading .mat-icon{visibility:hidden}.mat-button-loading .mat-mdc-progress-spinner{position:absolute;top:calc(50% - 12px);left:calc(50% - 12px)}.mat-column-resize-table.cdk-column-resize-with-resized-column{table-layout:fixed}.mat-column-resize-flex .mat-mdc-header-cell,.mat-column-resize-flex .mat-mdc-cell{box-sizing:border-box;min-width:32px}.mat-mdc-header-cell{position:relative}.mat-resizable{box-sizing:border-box}.mat-mdc-header-cell:not(.mat-resizable)::after,.mat-resizable-handle{position:absolute;bottom:0;top:0;right:0;width:1px;background:rgba(0,0,0,0);transition:background 300ms cubic-bezier(0.55, 0, 0.55, 0.2)}.mat-mdc-header-cell:not(.mat-resizable)::after{content:""}[dir=rtl] .mat-mdc-header-cell:not(.mat-resizable)::after,[dir=rtl] .mat-resizable-handle{left:0;right:auto}[dir=rtl] .mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-header-cell,[dir=rtl] .mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-mdc-header-cell{border-left:none}.mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-mdc-header-cell{border-right:none}.mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-mdc-header-cell:not(.mat-resizable)::after{background-color:var(--mtx-grid-resizable-handle-disabled-background-color, var(--mat-app-outline-variant))}.mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-resizable-handle{background-color:var(--mtx-grid-resizable-handle-hover-background-color, var(--mat-app-primary))}.mat-resizable.cdk-resizable-overlay-thumb-active>.mat-resizable-handle{opacity:0;transition:none}.mat-resizable-handle:focus,.mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-resizable-handle:focus{outline:none;background-color:var(--mtx-grid-resizable-handle-active-background-color, var(--mat-app-primary))}.mat-column-resize-overlay-thumb{background:rgba(0,0,0,0);cursor:col-resize;width:100%;height:100%;transition:background 300ms cubic-bezier(0.55, 0, 0.55, 0.2);-webkit-user-select:none;user-select:none}.mat-column-resize-overlay-thumb:active{will-change:transform;background:linear-gradient(90deg, transparent, transparent 7px, var(--mtx-grid-resizable-handle-active-background-color, var(--mat-app-primary)) 7px, var(--mtx-grid-resizable-handle-active-background-color, var(--mat-app-primary)) 9px, transparent 9px, transparent)}.mat-column-resize-overlay-thumb:active .mat-column-resize-overlay-thumb-top{background:linear-gradient(90deg, transparent, transparent 4px, var(--mtx-grid-resizable-handle-active-background-color, var(--mat-app-primary)) 4px, var(--mtx-grid-resizable-handle-active-background-color, var(--mat-app-primary)) 12px, transparent 12px, transparent)}.mat-column-resize-overlay-thumb-top{width:100%}html{--mtx-alert-container-shape:4px}html{--mtx-alert-outline-color:transparent}html{--mtx-alert-background-color:whitesmoke}html{--mtx-alert-text-color:rgba(0, 0, 0, 0.87)}html{--mtx-alert-info-outline-color:transparent}html{--mtx-alert-info-background-color:#bbdefb}html{--mtx-alert-info-text-color:rgba(0, 0, 0, 0.87)}html{--mtx-alert-success-outline-color:transparent}html{--mtx-alert-success-background-color:#c8e6c9}html{--mtx-alert-success-text-color:rgba(0, 0, 0, 0.87)}html{--mtx-alert-warning-outline-color:transparent}html{--mtx-alert-warning-background-color:#ffecb3}html{--mtx-alert-warning-text-color:rgba(0, 0, 0, 0.87)}html{--mtx-alert-danger-outline-color:transparent}html{--mtx-alert-danger-background-color:#ffcdd2}html{--mtx-alert-danger-text-color:rgba(0, 0, 0, 0.87)}html{--mtx-colorpicker-toggle-active-state-icon-color:#3f51b5}html{--mtx-colorpicker-toggle-icon-color:rgba(0, 0, 0, 0.54)}.mtx-colorpicker-toggle-active.mat-accent{--mtx-colorpicker-toggle-active-state-icon-color:#ff4081}.mtx-colorpicker-toggle-active.mat-warn{--mtx-colorpicker-toggle-active-state-icon-color:#f44336}html{--mtx-datetimepicker-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12)}html{--mtx-datetimepicker-container-touch-elevation-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12)}html{--mtx-datetimepicker-container-shape:4px}html{--mtx-datetimepicker-container-touch-shape:4px}html{--mtx-datetimepicker-selector-container-shape:4px}html{--mtx-datetimepicker-calendar-header-background-color:#3f51b5}html{--mtx-datetimepicker-calendar-date-selected-state-text-color:white}html{--mtx-datetimepicker-calendar-date-selected-state-background-color:#3f51b5}html{--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color:rgba(63, 81, 181, 0.4)}html{--mtx-datetimepicker-calendar-date-today-selected-state-outline-color:white}html{--mtx-datetimepicker-calendar-date-focus-state-background-color:rgba(63, 81, 181, 0.3)}html{--mtx-datetimepicker-calendar-date-hover-state-background-color:rgba(63, 81, 181, 0.3)}html{--mtx-datetimepicker-clock-hand-background-color:#3f51b5}html{--mtx-datetimepicker-clock-cell-selected-state-background-color:#3f51b5}html{--mtx-datetimepicker-time-input-active-state-text-color:#3f51b5}html{--mtx-datetimepicker-time-input-active-state-background-color:rgba(63, 81, 181, 0.2)}html{--mtx-datetimepicker-time-input-focus-state-outline-color:#3f51b5}html{--mtx-datetimepicker-time-input-focus-state-placeholder-text-color:rgba(63, 81, 181, 0.6)}html{--mtx-datetimepicker-time-ampm-selected-state-background-color:rgba(63, 81, 181, 0.2)}html{--mtx-datetimepicker-toggle-active-state-icon-color:#3f51b5}html{--mtx-datetimepicker-toggle-icon-color:rgba(0, 0, 0, 0.54)}html{--mtx-datetimepicker-calendar-body-label-text-color:rgba(0, 0, 0, 0.54)}html{--mtx-datetimepicker-calendar-header-text-color:white}html{--mtx-datetimepicker-calendar-header-divider-color:transparent}html{--mtx-datetimepicker-calendar-table-header-text-color:rgba(0, 0, 0, 0.54)}html{--mtx-datetimepicker-calendar-date-today-outline-color:rgba(0, 0, 0, 0.38)}html{--mtx-datetimepicker-calendar-date-text-color:rgba(0, 0, 0, 0.87)}html{--mtx-datetimepicker-calendar-date-outline-color:transparent}html{--mtx-datetimepicker-calendar-date-disabled-state-text-color:rgba(0, 0, 0, 0.38)}html{--mtx-datetimepicker-container-background-color:white}html{--mtx-datetimepicker-container-text-color:rgba(0, 0, 0, 0.87)}html{--mtx-datetimepicker-clock-dial-background-color:rgba(0, 0, 0, 0.12)}html{--mtx-datetimepicker-clock-cell-text-color:rgba(0, 0, 0, 0.87)}html{--mtx-datetimepicker-clock-cell-hover-state-background-color:rgba(0, 0, 0, 0.04)}html{--mtx-datetimepicker-clock-cell-disabled-state-text-color:rgba(0, 0, 0, 0.38)}html{--mtx-datetimepicker-time-input-text-color:rgba(0, 0, 0, 0.87)}html{--mtx-datetimepicker-time-input-background-color:rgba(0, 0, 0, 0.12)}html{--mtx-datetimepicker-time-input-focus-state-background-color:#fafafa}html{--mtx-datetimepicker-time-input-warn-state-outline-color:#f44336}html{--mtx-datetimepicker-time-ampm-text-color:rgba(0, 0, 0, 0.75)}html{--mtx-datetimepicker-time-ampm-outline-color:rgba(0, 0, 0, 0.38)}html{--mtx-datetimepicker-time-ampm-selected-state-text-color:rgba(0, 0, 0, 0.87)}.mtx-datetimepicker-content.mat-accent{--mtx-datetimepicker-calendar-header-background-color:#ff4081}.mtx-datetimepicker-content.mat-accent{--mtx-datetimepicker-calendar-date-selected-state-text-color:white}.mtx-datetimepicker-content.mat-accent{--mtx-datetimepicker-calendar-date-selected-state-background-color:#ff4081}.mtx-datetimepicker-content.mat-accent{--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color:rgba(255, 64, 129, 0.4)}.mtx-datetimepicker-content.mat-accent{--mtx-datetimepicker-calendar-date-today-selected-state-outline-color:white}.mtx-datetimepicker-content.mat-accent{--mtx-datetimepicker-calendar-date-focus-state-background-color:rgba(255, 64, 129, 0.3)}.mtx-datetimepicker-content.mat-accent{--mtx-datetimepicker-calendar-date-hover-state-background-color:rgba(255, 64, 129, 0.3)}.mtx-datetimepicker-content.mat-accent{--mtx-datetimepicker-clock-hand-background-color:#ff4081}.mtx-datetimepicker-content.mat-accent{--mtx-datetimepicker-clock-cell-selected-state-background-color:#ff4081}.mtx-datetimepicker-content.mat-accent{--mtx-datetimepicker-time-input-active-state-text-color:#ff4081}.mtx-datetimepicker-content.mat-accent{--mtx-datetimepicker-time-input-active-state-background-color:rgba(255, 64, 129, 0.2)}.mtx-datetimepicker-content.mat-accent{--mtx-datetimepicker-time-input-focus-state-outline-color:#ff4081}.mtx-datetimepicker-content.mat-accent{--mtx-datetimepicker-time-input-focus-state-placeholder-text-color:rgba(255, 64, 129, 0.6)}.mtx-datetimepicker-content.mat-accent{--mtx-datetimepicker-time-ampm-selected-state-background-color:rgba(255, 64, 129, 0.2)}.mtx-datetimepicker-content.mat-warn{--mtx-datetimepicker-calendar-header-background-color:#f44336}.mtx-datetimepicker-content.mat-warn{--mtx-datetimepicker-calendar-date-selected-state-text-color:white}.mtx-datetimepicker-content.mat-warn{--mtx-datetimepicker-calendar-date-selected-state-background-color:#f44336}.mtx-datetimepicker-content.mat-warn{--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color:rgba(244, 67, 54, 0.4)}.mtx-datetimepicker-content.mat-warn{--mtx-datetimepicker-calendar-date-today-selected-state-outline-color:white}.mtx-datetimepicker-content.mat-warn{--mtx-datetimepicker-calendar-date-focus-state-background-color:rgba(244, 67, 54, 0.3)}.mtx-datetimepicker-content.mat-warn{--mtx-datetimepicker-calendar-date-hover-state-background-color:rgba(244, 67, 54, 0.3)}.mtx-datetimepicker-content.mat-warn{--mtx-datetimepicker-clock-hand-background-color:#f44336}.mtx-datetimepicker-content.mat-warn{--mtx-datetimepicker-clock-cell-selected-state-background-color:#f44336}.mtx-datetimepicker-content.mat-warn{--mtx-datetimepicker-time-input-active-state-text-color:#f44336}.mtx-datetimepicker-content.mat-warn{--mtx-datetimepicker-time-input-active-state-background-color:rgba(244, 67, 54, 0.2)}.mtx-datetimepicker-content.mat-warn{--mtx-datetimepicker-time-input-focus-state-outline-color:#f44336}.mtx-datetimepicker-content.mat-warn{--mtx-datetimepicker-time-input-focus-state-placeholder-text-color:rgba(244, 67, 54, 0.6)}.mtx-datetimepicker-content.mat-warn{--mtx-datetimepicker-time-ampm-selected-state-background-color:rgba(244, 67, 54, 0.2)}.mtx-datetimepicker-toggle-active.mat-accent{--mtx-datetimepicker-toggle-active-state-icon-color:#ff4081}.mtx-datetimepicker-toggle-active.mat-warn{--mtx-datetimepicker-toggle-active-state-icon-color:#f44336}html{--mtx-datetimepicker-calendar-text-font:Roboto, sans-serif}html{--mtx-datetimepicker-calendar-text-size:13px}html{--mtx-datetimepicker-calendar-body-label-text-size:14px}html{--mtx-datetimepicker-calendar-body-label-text-weight:500}html{--mtx-datetimepicker-calendar-period-button-text-size:14px}html{--mtx-datetimepicker-calendar-period-button-text-weight:500}html{--mtx-datetimepicker-calendar-table-header-text-size:11px}html{--mtx-datetimepicker-calendar-table-header-text-weight:400}html{--mtx-datetimepicker-clock-text-size:14px}html{--mtx-drawer-container-shape:0}html{--mtx-drawer-container-elevation-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12)}html{--mtx-drawer-container-background-color:white}html{--mtx-drawer-container-text-color:rgba(0, 0, 0, 0.87)}html{--mtx-grid-container-shape:0}html{--mtx-grid-table-cell-min-width:80px}html{--mtx-grid-outline-color:rgba(0, 0, 0, 0.2)}html{--mtx-grid-column-menu-text-color:rgba(0, 0, 0, 0.87)}html{--mtx-grid-column-menu-divider-color:rgba(0, 0, 0, 0.12)}html{--mtx-grid-table-footer-background-color:whitesmoke}html{--mtx-grid-table-row-striped-background-color:#f5f5f5}html{--mtx-grid-table-row-hover-background-color:#eee}html{--mtx-grid-table-row-selected-background-color:#eee}html{--mtx-grid-table-row-selected-hover-background-color:#e0e0e0}html{--mtx-grid-table-cell-selected-outline-color:#ff4081}html{--mtx-grid-resizable-handle-active-background-color:#3f51b5}html{--mtx-grid-resizable-handle-hover-background-color:#3f51b5}html{--mtx-grid-resizable-handle-disabled-background-color:rgba(0, 0, 0, 0.12)}html{--mtx-grid-row-expand-button-size:48px}html{--mtx-loader-backdrop-background-color:rgba(250, 250, 250, 0.75)}html{--mtx-popover-container-shape:4px}html{--mtx-popover-base-elevation-level:8}html{--mtx-popover-outline-color:rgba(0, 0, 0, 0.12)}html{--mtx-popover-background-color:white}html{--mtx-popover-text-color:rgba(0, 0, 0, 0.87)}html{--mtx-progress-container-shape:4px}html{--mtx-progress-track-color:rgba(0, 0, 0, 0.04)}html{--mtx-progress-indicator-color:rgba(0, 0, 0, 0.12)}html{--mtx-progress-text-color:rgba(0, 0, 0, 0.87)}html{--mtx-progress-info-indicator-color:#2196f3}html{--mtx-progress-info-text-color:white}html{--mtx-progress-success-indicator-color:#4caf50}html{--mtx-progress-success-text-color:white}html{--mtx-progress-warning-indicator-color:#ff9800}html{--mtx-progress-warning-text-color:white}html{--mtx-progress-danger-indicator-color:#f44336}html{--mtx-progress-danger-text-color:white}html{--mtx-progress-text-size:12px}html{--mtx-select-container-shape:4px}html{--mtx-select-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}html{--mtx-select-option-selected-state-text-color:#3f51b5}html{--mtx-select-container-text-color:rgba(0, 0, 0, 0.87)}html{--mtx-select-placeholder-text-color:rgba(0, 0, 0, 0.38)}html{--mtx-select-disabled-text-color:rgba(0, 0, 0, 0.38)}html{--mtx-select-multiple-value-background-color:#e0e0e0}html{--mtx-select-multiple-value-outline-color:rgba(0, 0, 0, 0.12)}html{--mtx-select-multiple-value-icon-hover-background-color:rgba(0, 0, 0, 0.12)}html{--mtx-select-clear-icon-color:rgba(0, 0, 0, 0.54)}html{--mtx-select-clear-icon-hover-color:#f44336}html{--mtx-select-enabled-arrow-color:rgba(0, 0, 0, 0.54)}html{--mtx-select-disabled-arrow-color:rgba(0, 0, 0, 0.38)}html{--mtx-select-invalid-arrow-color:#f44336}html{--mtx-select-panel-background-color:white}html{--mtx-select-panel-divider-color:rgba(0, 0, 0, 0.12)}html{--mtx-select-optgroup-label-text-color:rgba(0, 0, 0, 0.54)}html{--mtx-select-option-label-text-color:rgba(0, 0, 0, 0.87)}html{--mtx-select-option-selected-state-background-color:rgba(0, 0, 0, 0.04)}html{--mtx-select-option-hover-state-background-color:rgba(0, 0, 0, 0.04)}html{--mtx-select-option-disabled-state-text-color:rgba(0, 0, 0, 0.38)}.ng-dropdown-panel.mat-accent{--mtx-select-option-selected-state-text-color:#ff4081}.ng-dropdown-panel.mat-warn{--mtx-select-option-selected-state-text-color:#f44336}html{--mtx-split-gutter-hover-state-background-color:#3f51b5}html{--mtx-split-gutter-background-color:rgba(0, 0, 0, 0.12)}.mtx-split>.mtx-split-gutter.mat-accent:hover{--mtx-split-gutter-hover-state-background-color:#ff4081}.mtx-split>.mtx-split-gutter.mat-warn:hover{--mtx-split-gutter-hover-state-background-color:#f44336}html{--mdc-plain-tooltip-container-shape:4px}html{--mdc-plain-tooltip-supporting-text-line-height:16px}html{--mdc-plain-tooltip-container-color:#616161}html{--mdc-plain-tooltip-supporting-text-color:#fff}html{--mdc-plain-tooltip-supporting-text-font:Roboto, sans-serif}html{--mdc-plain-tooltip-supporting-text-size:12px}html{--mdc-plain-tooltip-supporting-text-weight:400}html{--mdc-plain-tooltip-supporting-text-tracking:0.0333333333em}