/* Front matter is necessary for Jekyll */

@tailwind base;

@tailwind components;

/* purgecss start ignore */

/* Modified prose classes for heading elements */ .prose h1 {

color: #2d3748;
font-weight: 600;
font-size: 1.25em;
margin-top: 0.5em;
margin-bottom: 0.5em;
line-height: 1.6;

}

.prose h2 {

color: #2d3748;
font-weight: 550;
font-size: 1.25em;
margin-top: 0.25em;
margin-bottom: 0.25em;
line-height: 1.5;

}

.prose h3 {

color: #2d3748;
font-weight: 500;
font-size: 1.125em;
line-height: 1.4;

}

.prose h4 {

color: #2d3748;
font-weight: 450;
line-height: 1.3;

}

/* Modified prose classes for paragraphs */ .prose p {

margin-top: 0;
margin-bottom: 0;

}

/* Modified prose classes for table elements */ .prose table {

@apply bg-white text-gray-700 border-solid rounded font-mono shadow-md my-2 border-collapse;

}

.prose table > thead {

@apply bg-gray-800;

}

.prose table > thead > tr > th {

@apply p-2 text-gray-100 text-sm;

}

.prose table > tbody > tr {

@apply border-0;

}

.prose table > tfoot {

@apply bg-gray-600;

}

.prose table > tfoot > tr > td {

@apply p-1 text-gray-100 text-sm;

}

/* class for showing color codes inside table cell */ .color-code {

@apply p-2 inline-block align-middle;
background: var(--clr);

}

/* class for showing color codes with border inside table cell */ .color-code-bordered {

@apply p-2 inline-block border-2 align-middle;
background: var(--clr);
border-color: var(--bd_clr);

}

/* purgecss end ignore */ @tailwind utilities;