No edit summary |
No edit summary |
||
| (86 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
.main- | .parent2 { | ||
display: grid; | |||
grid: auto-flow dense/repeat( auto-fit, minmax( 9.375rem, 1fr ) ); | |||
grid-auto-rows: minmax( 3rem, auto ); | |||
grid-gap: 10px; | |||
} | |||
.main-pagee.main-pagee--button { | |||
overflow: hidden; | overflow: hidden; | ||
padding: 0; | padding: 0; | ||
background: #242a31; | background: #242a31; | ||
border: 0; | border: 0; | ||
width: auto; | |||
} | |||
.main-pagee a{ | |||
margin-top: 0; | |||
font-size: 10px; | |||
} | |||
.main-pagee--button a { | |||
display: flex; | |||
height: 100%; | |||
justify-content: center; | |||
align-items: center; | |||
padding: 0; | |||
background: transparent; | |||
color: #fff; | |||
font-weight: normal; | |||
} | } | ||
.main- | .main-pagee--button img { | ||
transition: transform 250ms ease; | transition: transform 250ms ease; | ||
} | } | ||
.main- | .main-pagee--button:hover img { | ||
transform: scale(1.1); | |||
} | |||
.main-pagee--button .main-pagee__background a { | |||
padding: 0; | |||
} | |||
.main-pagee--col2 { | |||
grid-column: span 2; | grid-column: span 2; | ||
} | } | ||
.main- | .main-pagee { | ||
position: relative; | position: relative; | ||
padding: | padding: 0; | ||
background: var( --color-surface-1 ); | background: var( --color-surface-1 ); | ||
border-radius: 10px; | border-radius: 10px; | ||
| Line 22: | Line 57: | ||
} | } | ||
#main- | #main-pagee-discord { | ||
background: #5865f2; | background: #5865f2; | ||
} | |||
#main-pagee-oly { | |||
background: #f2ac00; | |||
} | |||
#main-pagee-content { | |||
margin-top: 10%; | |||
} | } | ||
Revision as of 08:23, 15 June 2024
.parent2 {
display: grid;
grid: auto-flow dense/repeat( auto-fit, minmax( 9.375rem, 1fr ) );
grid-auto-rows: minmax( 3rem, auto );
grid-gap: 10px;
}
.main-pagee.main-pagee--button {
overflow: hidden;
padding: 0;
background: #242a31;
border: 0;
width: auto;
}
.main-pagee a{
margin-top: 0;
font-size: 10px;
}
.main-pagee--button a {
display: flex;
height: 100%;
justify-content: center;
align-items: center;
padding: 0;
background: transparent;
color: #fff;
font-weight: normal;
}
.main-pagee--button img {
transition: transform 250ms ease;
}
.main-pagee--button:hover img {
transform: scale(1.1);
}
.main-pagee--button .main-pagee__background a {
padding: 0;
}
.main-pagee--col2 {
grid-column: span 2;
}
.main-pagee {
position: relative;
padding: 0;
background: var( --color-surface-1 );
border-radius: 10px;
font-size: 50px;
}
#main-pagee-discord {
background: #5865f2;
}
#main-pagee-oly {
background: #f2ac00;
}
#main-pagee-content {
margin-top: 10%;
}