|
|
@ -28,7 +28,6 @@ html {
|
|
|
|
--accent-500: #6cc16c;
|
|
|
|
--accent-500: #6cc16c;
|
|
|
|
--accent-900: #244624;
|
|
|
|
--accent-900: #244624;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
--bubble-red: hsl(359, 100%, 92%);
|
|
|
|
--bubble-red: hsl(359, 100%, 92%);
|
|
|
|
--bubble-purple: hsl(274, 100%, 92%);
|
|
|
|
--bubble-purple: hsl(274, 100%, 92%);
|
|
|
|
--bubble-blue: hsl(241, 100%, 92%);
|
|
|
|
--bubble-blue: hsl(241, 100%, 92%);
|
|
|
@ -74,7 +73,6 @@ body.dark-mode {
|
|
|
|
--accent-500: hsl(269, 40%, 70%);
|
|
|
|
--accent-500: hsl(269, 40%, 70%);
|
|
|
|
--accent-900: hsl(269, 30%, 90%);
|
|
|
|
--accent-900: hsl(269, 30%, 90%);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
--bubble-red: hsl(359, 40%, 25%);
|
|
|
|
--bubble-red: hsl(359, 40%, 25%);
|
|
|
|
--bubble-purple: hsl(274, 40%, 25%);
|
|
|
|
--bubble-purple: hsl(274, 40%, 25%);
|
|
|
|
--bubble-blue: hsl(241, 40%, 25%);
|
|
|
|
--bubble-blue: hsl(241, 40%, 25%);
|
|
|
@ -889,7 +887,6 @@ body {
|
|
|
|
border: 2px solid var(--border-500);
|
|
|
|
border: 2px solid var(--border-500);
|
|
|
|
border-radius: 10px 10px 0 0;
|
|
|
|
border-radius: 10px 10px 0 0;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width: $device-s-width), (pointer: coarse) {
|
|
|
|
@media screen and (max-width: $device-s-width), (pointer: coarse) {
|
|
|
|
font-size: 12px;
|
|
|
|
font-size: 12px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|