You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
57 lines
768 B
SCSS
57 lines
768 B
SCSS
@use 'sass:math' as math;
|
|
@import '../../../theme/styles/constants.scss';
|
|
|
|
h4 {
|
|
margin: ($gap*1.5) 0 $gap 0;
|
|
}
|
|
|
|
.theme-name {
|
|
min-width: 10rem;
|
|
}
|
|
|
|
.skin {
|
|
width: ($gap*2.5);
|
|
height: ($gap*2.5);
|
|
border-radius: 50%;
|
|
cursor: pointer;
|
|
margin-right: $gap;
|
|
|
|
&.selected-color {
|
|
width: ($gap*2);
|
|
height: ($gap*2);
|
|
border: 2px solid;
|
|
}
|
|
|
|
&.purple {
|
|
background-color: #5e4ea5;
|
|
}
|
|
|
|
&.indigo {
|
|
background-color: #3F51B5;
|
|
}
|
|
|
|
&.teal {
|
|
background-color: #00695C;
|
|
}
|
|
|
|
&.pink {
|
|
background-color: #D81B60;
|
|
}
|
|
|
|
&.yellow {
|
|
background-color: #a1842c;
|
|
}
|
|
}
|
|
|
|
.mdc-form-field>label{
|
|
min-width: 110px;
|
|
}
|
|
|
|
.mat-slide-toggle {
|
|
padding: 0 ($gap*2) 0 math.div($gap, 2);
|
|
}
|
|
|
|
.mat-flat-button {
|
|
width: 100%;
|
|
max-height: 36px;
|
|
} |