@tailwind base;
@tailwind components;
@tailwind utilities;

/* grid rows from 7 to 13*/
.grid-rows-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
}
.grid-rows-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
}
.grid-rows-9 {
  grid-template-rows: repeat(9, minmax(0, 1fr));
}
.grid-rows-10 {
    grid-template-rows: repeat(10, minmax(0, 1fr));
}
.grid-rows-11 {
    grid-template-rows: repeat(11, minmax(0, 1fr));
}
.grid-rows-12 {
    grid-template-rows: repeat(12, minmax(0, 1fr));
}
.grid-rows-13 {
    grid-template-rows: repeat(13, minmax(0, 1fr));
}
.grid-rows-14 {
    grid-template-rows: repeat(14, minmax(0, 1fr));
}
.grid-rows-15 {
    grid-template-rows: repeat(15, minmax(0, 1fr));
}
.grid-rows-16 {
    grid-template-rows: repeat(16, minmax(0, 1fr));
}
.grid-rows-17 {
    grid-template-rows: repeat(17, minmax(0, 1fr));
}
.grid-rows-18 {
    grid-template-rows: repeat(18, minmax(0, 1fr));
}
.grid-rows-19 {
    grid-template-rows: repeat(19, minmax(0, 1fr));
}
.grid-rows-20 {
    grid-template-rows: repeat(20, minmax(0, 1fr));
}
.grid-rows-21 {
    grid-template-rows: repeat(21, minmax(0, 1fr));
}
.grid-rows-22 {
    grid-template-rows: repeat(22, minmax(0, 1fr));
}
.grid-rows-23 {
    grid-template-rows: repeat(23, minmax(0, 1fr));
}
.grid-rows-24 {
    grid-template-rows: repeat(24, minmax(0, 1fr));
}

/* row span form 7 to 12 */
.row-span-7 {
    grid-row: span 7 / span 7;
}
.row-span-8 {
    grid-row: span 8 / span 8;
}
.row-span-9 {
    grid-row: span 9 / span 9;
}
.row-span-10 {
    grid-row: span 10 / span 10;
} 
.row-span-11 {
    grid-row: span 11 / span 11;
}
.row-span-12 {
    grid-row: span 12 / span 12;
}
.row-span-13 {
    grid-row: span 13 / span 13;
}
.row-span-14 {
    grid-row: span 14 / span 14;
}
.row-span-15 {
    grid-row: span 15 / span 15;
}
.row-span-16 {
    grid-row: span 16 / span 16;
}
.row-span-17 {
    grid-row: span 17 / span 17;
}
.row-span-18 {
    grid-row: span 18 / span 18;
}
.row-span-19 {
    grid-row: span 19 / span 19;
}
.row-span-20 {
    grid-row: span 20 / span 20;
}
.row-span-21 {
    grid-row: span 21 / span 21;
}
.row-span-22 {
    grid-row: span 22 / span 22;
}
.row-span-23 {
    grid-row: span 23 / span 23;
}
.row-span-24 {
    grid-row: span 24 / span 24;
}



.row-start-8 {
    grid-row-start: 8;
}	
.row-start-9 {
    grid-row-start: 9;
}
.row-start-10 {
    grid-row-start: 10;
}
.row-start-11 {
    grid-row-start: 11;
}
.row-start-12 {
    grid-row-start: 12;
}
.row-start-13 {
    grid-row-start: 13;
}
.row-start-14 {
    grid-row-start: 14;
}
.row-start-15 {
    grid-row-start: 15;
}
.row-start-16 {
    grid-row-start: 16;
}
.row-start-17 {
    grid-row-start: 17;
}
.row-start-18 {
    grid-row-start: 18;
}



