style: CoverContainer; style: primary and secondary text
This commit is contained in:
17
src/styles/scss/tabs/_release-grid.scss
Normal file
17
src/styles/scss/tabs/_release-grid.scss
Normal file
@@ -0,0 +1,17 @@
|
||||
.release_grid {
|
||||
@apply gap-4 grid;
|
||||
|
||||
grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
|
||||
}
|
||||
|
||||
.primary-text {
|
||||
@apply mb-1 transition-colors duration-200 ease-in-out;
|
||||
|
||||
&:hover {
|
||||
@apply text-primary;
|
||||
}
|
||||
}
|
||||
|
||||
.secondary-text {
|
||||
@apply mb-1 text-sm opacity-75;
|
||||
}
|
||||
@@ -1,24 +0,0 @@
|
||||
/* Releases */
|
||||
.release {
|
||||
.primary-text,
|
||||
.secondary-text {
|
||||
margin: 0rem;
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
|
||||
.secondary-text {
|
||||
opacity: 0.75;
|
||||
font-size: 0.875rem;
|
||||
|
||||
.material-icons {
|
||||
font-size: 1.0625rem !important;
|
||||
margin-left: 0.25rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.release_grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(156px, 1fr));
|
||||
grid-gap: 1rem;
|
||||
}
|
||||
Reference in New Issue
Block a user