Created page with ".main-page--button { overflow: hidden; padding: 0; background: #242a31; border: 0; } .main-page--button img { transition: transform 250ms ease; } #main-page-discord { background: #5865f2; }" |
No edit summary |
||
(110 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; | |||
} | |||
.main-pagee { | |||
position: relative; | |||
padding: 0; | |||
background: var( --color-surface-1 ); | |||
border-radius: 10px; | |||
font-size: 50px; | |||
} | |||
#main-pagee-discord { | |||
background: #5865f2; | background: #5865f2; | ||
} | |||
#main-pagee-oly { | |||
background: #f2ac00; | |||
} | |||
#main-pagee-content { | |||
margin-top: 10%; | |||
} | } |
Latest 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%; }