diaREact/resources/sass/app.scss

@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 */
}

// Variables
@import 'variables';

/*
 * 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;
}