/* Här nedanför är stilen för [[Användare:Ainali/2022/Responsiv]] */
.intro {
margin: 1em auto 1em auto;
width:auto;
}
.vecka {
display:grid;
gap: 0.5em;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
margin: 0.5em;
}
.tom {
width: 100%;
}
.notering {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
}
.accent1 {
padding: 1em;
border: #7ccd7c solid 2px;
margin: 0.5em;
}
.accent2 {
padding: 1em;
border: #ffa54f solid 2px;
margin: 0.5em;
}
.accent3 {
padding: 1em;
border: #ff82ab solid 2px;
margin: 0.5em;
}
.accent4 {
padding: 1em;
border: #7a67ee solid 2px;
margin: 0.5em;
}
.accent5 {
padding: 1em;
border: #cdcd00 solid 2px;
margin: 0.5em;
}
.accent6 {
padding: 1em;
border: #cd2626 solid 2px;
margin: 0.5em;
}
.accent7 {
padding: 1em;
border: #9c9c9c solid 2px;
margin: 0.5em;
}
.kalender {
width: 100%;
border: #99b3ff solid 1px;
text-align: center;
margin: 0 auto;
display: table;
}
.kalender tr:first-child,
.kalender tr:last-child {
height: 1em;
}
.acc1 {
border: 2px solid #7ccd7c;
}
.acc2 {
border: 2px solid #ffa54f;
}
.acc3 {
border: 2px solid #ff82ab;
}
.acc4 {
border: 2px solid #7a67ee;
}
.acc5 {
border: 2px solid #cdcd00;
}
.acc6 {
border: 2px solid #cd2626;
}
.acc7 {
border: 2px solid #9c9c9c;
}
.mobile-info {
display: none;
}
@media only screen and (max-width: 1024px) {
.vecka {
display:grid;
grid-template-columns: 1fr ;
}
.intro {
width:80%;
}
}
@media (hover: none) {
.mobile-info {
display: grid;
}
}