@use "../../../../styles/abstracts/variables";
@use "../../../../styles/abstracts/mixins";  

.todos{
   @include mixins.dashPageComponent;
    @media only screen and (max-width: 1000px) {
        // padding: 1.5rem 1.5rem;
        padding-left: 1.3rem;
        padding-bottom: 0 !important;
    }

    &__todos{
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
        grid-row-gap: 15px;
        grid-column-gap: 15px;
        padding-bottom: 1rem;
        padding-top: 1rem;

        @media only screen and (max-width: 1000px) {
            grid-template-columns: repeat(auto-fit, minmax(90px, 1fr)); 
            grid-row-gap: 5px !important;
            grid-column-gap: 5px !important;
            padding-top: 0 !important;
        }

        a{
            color: variables.$col-secondary;
            font-weight: bold;
            font-size: .85rem;
        }
    }
}