mirror of
https://github.com/johndoe6345789/metabuilder.git
synced 2026-04-24 13:54:57 +00:00
31 lines
616 B
SCSS
31 lines
616 B
SCSS
// Input with icon mixin - Material Design 3
|
|
|
|
@mixin input-with-icon($icon-left: 40px) {
|
|
position: relative;
|
|
}
|
|
|
|
@mixin input-icon-position($left: 12px) {
|
|
position: absolute;
|
|
left: $left;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
color: var(--mat-sys-on-surface-variant);
|
|
}
|
|
|
|
@mixin input-leading-icon {
|
|
position: absolute;
|
|
left: 12px;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
color: var(--mat-sys-on-surface-variant);
|
|
pointer-events: none;
|
|
}
|
|
|
|
@mixin input-trailing-icon {
|
|
position: absolute;
|
|
right: 12px;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
color: var(--mat-sys-on-surface-variant);
|
|
}
|