mirror of
https://github.com/andwati/zitadel.git
synced 2026-10-29 10:32:15 +00:00
33ae935bf6
* cli core, migrations * material * input directive * fresh lock * update oidc lib * use angular-eslint next for ng 13 * clean lock * change qrcode lib, env * eslint * deps * grpc libs update, grpc web 1.0.3, rev env * remove grpc-web from build/zitadel/Dockerfile Co-authored-by: Livio Amstutz <[email protected]>
58 lines
1.3 KiB
SCSS
58 lines
1.3 KiB
SCSS
@use '@angular/material' as mat;
|
|
|
|
@mixin card-theme($theme) {
|
|
/* stylelint-disable */
|
|
$primary: map-get($theme, primary);
|
|
$primary-color: mat.get-color-from-palette($primary, 500);
|
|
$background: map-get($theme, background);
|
|
$card-background-color: mat.get-color-from-palette($background, card);
|
|
$is-dark-theme: map-get($theme, is-dark);
|
|
$border-color: if($is-dark-theme, rgba(#8795a1, .2), rgba(#8795a1, .2));
|
|
$border-selected-color: if($is-dark-theme, #ffffff, #000000);
|
|
/* stylelint-enable */
|
|
|
|
.card {
|
|
background-color: $card-background-color;
|
|
transition: background-color .3s cubic-bezier(.645, .045, .355, 1);
|
|
border: 1px solid $border-color;
|
|
box-sizing: border-box;
|
|
border-radius: .5rem;
|
|
outline: none;
|
|
height: 100%;
|
|
|
|
.selection-icon {
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: -12px;
|
|
left: -12px;
|
|
color: $border-color;
|
|
}
|
|
|
|
&.selected {
|
|
background-color: #ffffff25;
|
|
border: 1px solid $border-selected-color;
|
|
|
|
.text-part {
|
|
.icons {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
.selection-icon {
|
|
color: $border-selected-color;
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
.iamuser {
|
|
color: $primary-color;
|
|
}
|
|
|
|
.edit-button {
|
|
&:hover {
|
|
color: $border-selected-color;
|
|
}
|
|
}
|
|
}
|
|
}
|