Select Git revision
_button.scss
OZGCloud authored
``` ack \'alfa- libs/ui/src | fgrep selector | cut -f4 -d: for selector in ozgcloud-svgicon ozgcloud-svgicon-big spinner-transparency fixed-dialog ozgcloud-icon connection-timeout-retry-dialog connection-timeout-retry-fail-dialog validation-error ozgcloud-routing-button download-button internal-server-error-dialog accordion back-button ozgcloud-menu progress-bar slide-toggle spinner basic-dialog subnavigation button-toggle icon-button-with-spinner file-upload ozgcloud-button-with-spinner ozgcloud-button-content ozgcloud-stroked-button-with-spinner menu-item expansion-panel button-toggle-group open-url-button file-upload-editor date-editor text-editor enum-editor textarea-editor autocomplete-editor snackbar-info snackbar-close-button snackbar-error app-icon postfach-icon; perl -i -p -e"s/alfa-$selector/ozgcloud-$selector/g" (ack -l $selector); end perl -i -p -e"s/ozgcloud-ozgcloud-/ozgcloud-/g" (ack -l ozgcloud-ozgcloud-) ```
_button.scss 622 B
@use 'sass:map';
@use '@angular/material' as mat;
@mixin button($theme) {
$color-config: mat.get-color-config($theme);
$primary: map.get($color-config, 'primary');
ozgcloud-button-with-spinner,
ozgcloud-stroked-button-with-spinner {
.mat-primary svg path {
fill: mat.get-color-from-palette($primary);
}
}
.mdc-button {
mat-icon {
font-size: 24px !important;
width: 24px !important;
height: 24px !important
}
}
.mat-mdc-unelevated-button > .mat-icon, .mat-mdc-raised-button > .mat-icon, .mat-mdc-outlined-button > .mat-icon {
margin-left: 0 !important;
margin-right: 0 !important;
}
}