An experiment in cleaning up CSS by just avoiding dis-features and focusing on flexbox and CSS grids.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
fsckcss/public/code/Calendar.css

37 lines
607 B

content {
display: flex;
flex: flex-shrink;
flex-grow: 1;
justify-content: center;
}
calendar {
display: grid;
grid-template-columns: repeat(7, 1fr);
grid-template-rows: auto;
max-width: 300px;
outline: 1px solid var(--color-accent);
}
calendar day {
background-color: var(--color-bg-secondary);
font-weight: bold;
padding-left: 0.3rem;
padding-right: 0.3rem;
}
calendar month {
grid-column: span 7;
font-size: 1.5em;
font-weight: bold;
text-align: center;
}
calendar date {
padding: 0.3rem;
}
calendar date:hover {
background-color: var(--color-bg-secondary);
}