42 lines
1.1 KiB
Plaintext
42 lines
1.1 KiB
Plaintext
@import '../_mixins';
|
|
|
|
.card {
|
|
border-radius: 2rem;
|
|
padding: 2rem;
|
|
.themed(background-color, @light-background-100, @dark-background-100);
|
|
.themed(color, @light-text, @dark-text);
|
|
|
|
&.less {
|
|
.themed(background-color, @light-background-50, @dark-background-50);
|
|
}
|
|
|
|
&.more {
|
|
.themed(background-color, @light-background-200, @dark-background-200);
|
|
}
|
|
|
|
&.accent {
|
|
.themed(background-color, @light-accent, @dark-accent);
|
|
.themed(color, @light-background, @dark-background);
|
|
}
|
|
|
|
&.primary {
|
|
.themed(background-color, @light-primary, @dark-primary);
|
|
.themed(color, @light-background, @dark-background);
|
|
|
|
&.less {
|
|
.themed(background-color, @light-primary-600, @dark-primary-600);
|
|
.themed(color, @light-background-50, @dark-background-50);
|
|
}
|
|
|
|
&.more {
|
|
.themed(background-color, @light-primary-800, @dark-primary-800);
|
|
.themed(color, @light-background-100, @dark-background-100);
|
|
}
|
|
}
|
|
|
|
&.secondary {
|
|
.themed(background-color, @light-secondary, @dark-secondary);
|
|
.themed(color, @light-text, @dark-text);
|
|
}
|
|
}
|