No edit summary Tag: Reverted |
No edit summary |
||
(68 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- | .main-pagee a{ | ||
margin-top: | margin-top: 0; | ||
font-size: 10px; | font-size: 10px; | ||
} | } | ||
.main- | .main-pagee--button a { | ||
display: flex; | display: flex; | ||
height: | height: 100%; | ||
justify-content: center; | justify-content: center; | ||
align-items: center; | align-items: center; | ||
Line 22: | Line 33: | ||
} | } | ||
.main- | .main-pagee--button img { | ||
transition: transform 250ms ease; | transition: transform 250ms ease; | ||
} | } | ||
.main- | .main-pagee--button:hover img { | ||
transform: scale(1.1); | transform: scale(1.1); | ||
} | } | ||
.main- | .main-pagee--button .main-pagee__background a { | ||
padding: 0; | padding: 0; | ||
} | } | ||
.main- | .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 46: | Line 57: | ||
} | } | ||
#main- | #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%; }