diaREact/resources/sass/app.scss

103 lines
2.2 KiB
SCSS
Raw Permalink Normal View History

2022-04-14 10:49:56 +02:00
@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';
/* pacifico-regular - latin */
@font-face {
font-family: 'Pacifico';
font-style: normal;
font-weight: 400;
src: url('../fonts/pacifico-v21-latin-regular.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/pacifico-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/pacifico-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/pacifico-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/pacifico-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/pacifico-v21-latin-regular.svg#Pacifico') format('svg'); /* Legacy iOS */
}
2022-02-11 17:26:15 +01:00
// Variables
@import 'variables';
2022-04-14 10:49:56 +02:00
/*
* react-calendar-heatmap styles
*
* All of the styles in this file are optional and configurable!
* The github and gitlab color scales are provided for reference.
*/
@media all and (max-width: 768px) {
svg.react-calendar-heatmap {
transform: rotate(90deg);
}
}
.react-calendar-heatmap text {
font-size: 10px;
fill: #aaa;
}
.react-calendar-heatmap .react-calendar-heatmap-small-text {
font-size: 5px;
}
.react-calendar-heatmap rect:hover {
stroke: #555;
stroke-width: 1px;
}
/*
* Default color scale
*/
.react-calendar-heatmap .color-empty {
fill: #eeeeee;
}
.react-calendar-heatmap .color-filled {
fill: #8cc665;
}
/*
* Github color scale
*/
.react-calendar-heatmap .color-github-0 {
fill: #eeeeee;
}
.react-calendar-heatmap .color-github-1 {
fill: #d6e685;
}
.react-calendar-heatmap .color-github-2 {
fill: #8cc665;
}
.react-calendar-heatmap .color-github-3 {
fill: #44a340;
}
.react-calendar-heatmap .color-github-4 {
fill: #1e6823;
}
/*
* Gitlab color scale
*/
.react-calendar-heatmap .color-gitlab-0 {
fill: #ededed;
}
.react-calendar-heatmap .color-gitlab-1 {
fill: #acd5f2;
}
.react-calendar-heatmap .color-gitlab-2 {
fill: #7fa8d1;
}
.react-calendar-heatmap .color-gitlab-3 {
fill: #49729b;
}
.react-calendar-heatmap .color-gitlab-4 {
fill: #254e77;
}