stuff
This commit is contained in:
parent
174607e219
commit
9548df7656
|
@ -572,6 +572,27 @@
|
|||
"dateInputPreviewSuffix": "dateInputPreviewSuffix-f4Sr32",
|
||||
"dateInputWrapper": "dateInputWrapper-6tQOYp",
|
||||
"dev": "dev-A7f2Rx",
|
||||
"discoveryCard": "card-x5zW6z",
|
||||
"discoveryCardAuthor": "author-d2JIcl",
|
||||
"discoveryCardButton": "button-coQXfM",
|
||||
"discoveryCardControls": "controls-T0w-Wc",
|
||||
"discoveryCardCover": "cover-qyY86I",
|
||||
"discoveryCardCoverBadge": "coverBadge-I41ZIY",
|
||||
"discoveryCardCoverWrapper": "coverWrapper-J-mDGJ",
|
||||
"discoveryCardDescription": "description-zXiu5E",
|
||||
"discoveryCardFooter": "footer-C1KpS6",
|
||||
"discoveryCardHeader": "header-4hHJgv",
|
||||
"discoveryCardIcon": "icon-0jmVrJ",
|
||||
"discoveryCardIconWrapper": "iconWrapper-eK7GO6",
|
||||
"discoveryCardInfo": "info-xw-o76",
|
||||
"discoveryCardName": "name-OSUjF9",
|
||||
"discoveryCards": "list-QuW8QR",
|
||||
"discoveryCardStat": "stat-eRknnn",
|
||||
"discoveryCardStatIcon": "statIcon-o40EX1",
|
||||
"discoveryCardStats": "stats-Pc5tYW",
|
||||
"discoveryCardTag": "tag-PbPfwP",
|
||||
"discoveryCardTags": "tags-9KJ-1X",
|
||||
"discoveryCardTitle": "title-SSzExd",
|
||||
"favButtonContainer": "favbutton-8Fzu45",
|
||||
"guild": "guild-r3yAE_",
|
||||
"guildLowerLeftBadge": "lowerLeftBadge-zr4T_9",
|
||||
|
@ -1894,6 +1915,27 @@
|
|||
"expressionpickernavbuttonactive": ["ExpressionPicker", "navButtonActive"],
|
||||
"expressionpickernavitem": ["ExpressionPicker", "navItem"],
|
||||
"expressionpickernavlist": ["ExpressionPicker", "navList"],
|
||||
"discoverycard": ["BDFDB", "discoveryCard"],
|
||||
"discoverycardauthor": ["BDFDB", "discoveryCardAuthor"],
|
||||
"discoverycardbutton": ["BDFDB", "discoveryCardButton"],
|
||||
"discoverycardcontrols": ["BDFDB", "discoveryCardControls"],
|
||||
"discoverycardcover": ["BDFDB", "discoveryCardCover"],
|
||||
"discoverycardcoverbadge": ["BDFDB", "discoveryCardCoverBadge"],
|
||||
"discoverycardcoverwrapper": ["BDFDB", "discoveryCardCoverWrapper"],
|
||||
"discoverycarddescription": ["BDFDB", "discoveryCardDescription"],
|
||||
"discoverycardfooter": ["BDFDB", "discoveryCardFooter"],
|
||||
"discoverycardheader": ["BDFDB", "discoveryCardHeader"],
|
||||
"discoverycardicon": ["BDFDB", "discoveryCardIcon"],
|
||||
"discoverycardiconwrapper": ["BDFDB", "discoveryCardIconWrapper"],
|
||||
"discoverycardinfo": ["BDFDB", "discoveryCardInfo"],
|
||||
"discoverycardname": ["BDFDB", "discoveryCardName"],
|
||||
"discoverycards": ["BDFDB", "discoveryCards"],
|
||||
"discoverycardstat": ["BDFDB", "discoveryCardStat"],
|
||||
"discoverycardstaticon": ["BDFDB", "discoveryCardStatIcon"],
|
||||
"discoverycardstats": ["BDFDB", "discoveryCardStats"],
|
||||
"discoverycardtag": ["BDFDB", "discoveryCardTag"],
|
||||
"discoverycardtags": ["BDFDB", "discoveryCardTags"],
|
||||
"discoverycardtitle": ["BDFDB", "discoveryCardTitle"],
|
||||
"favbuttoncontainer": ["BDFDB", "favButtonContainer"],
|
||||
"fileattachment": ["File", "attachment"],
|
||||
"fileattachmentinner": ["File", "attachmentInner"],
|
||||
|
|
|
@ -254,6 +254,187 @@ img:not([src]), img[src=""], img[src="null"] {
|
|||
margin: 0 3px;
|
||||
}
|
||||
|
||||
[REPLACE_CLASS_discoverycards] {
|
||||
display: grid;
|
||||
grid-gap: 16px;
|
||||
grid-template-columns: repeat(auto-fill, minmax(248px, 1fr));
|
||||
padding: 10px 0;
|
||||
}
|
||||
[REPLACE_CLASS_discoverycard] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
position: relative;
|
||||
background-color: var(--activity-card-background);
|
||||
border: 2px solid var(--activity-card-background);
|
||||
border-radius: 8px;
|
||||
box-shadow: var(--elevation-medium);
|
||||
height: 370px;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
transition: box-shadow .2s ease-out,transform .2s ease-out,background .2s ease-out,border .2s ease-out,opacity .2s ease-in;
|
||||
}
|
||||
[REPLACE_CLASS_themedark] [REPLACE_CLASS_discoverycard] {
|
||||
background-color: var(--background-secondary-alt);
|
||||
border-color: var(--background-secondary-alt);
|
||||
}
|
||||
[REPLACE_CLASS_discoverycard]:focus,
|
||||
[REPLACE_CLASS_discoverycard]:hover {
|
||||
background-color: var(--background-tertiary);
|
||||
border-color: var(--background-tertiary);
|
||||
box-shadow: var(--elevation-high);
|
||||
transform: translateY(-1px);
|
||||
}
|
||||
[REPLACE_CLASS_discoverycardheader] {
|
||||
display: block;
|
||||
flex: 0 0 auto;
|
||||
position: relative;
|
||||
height: 143px;
|
||||
overflow: visible;
|
||||
margin-bottom: 28px;
|
||||
}
|
||||
[REPLACE_CLASS_discoverycardcoverwrapper] {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: url(https://mwittrien.github.io/_res/imgs/cardplaceholder.svg) center/cover no-repeat;
|
||||
transform: scale(1);
|
||||
transition: transform .2s ease-out;
|
||||
}
|
||||
[REPLACE_CLASS_discoverycard]:focus [REPLACE_CLASS_discoverycardcoverwrapper],
|
||||
[REPLACE_CLASS_discoverycard]:hover [REPLACE_CLASS_discoverycardcoverwrapper] {
|
||||
transform: scale(1.01) translateZ(0);
|
||||
}
|
||||
[REPLACE_CLASS_discoverycardcoverwrapper],
|
||||
[REPLACE_CLASS_discoverycardcover] {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
[REPLACE_CLASS_discoverycardcover] {
|
||||
object-fit: cover;
|
||||
cursor: pointer;
|
||||
}
|
||||
[REPLACE_CLASS_discoverycardcoverbadge] {
|
||||
position: absolute;
|
||||
top: 6px;
|
||||
right: 8px;
|
||||
}
|
||||
[REPLACE_CLASS_discoverycardiconwrapper] {
|
||||
position: absolute;
|
||||
bottom: -21px;
|
||||
left: 12px;
|
||||
background-color: var(--activity-card-background);
|
||||
border-radius: 10px;
|
||||
padding: 6px;
|
||||
transition: box-shadow .2s ease-out,transform .2s ease-out,background .2s ease-out;
|
||||
}
|
||||
[REPLACE_CLASS_themedark] [REPLACE_CLASS_discoverycardiconwrapper] {
|
||||
background-color: var(--background-secondary-alt);
|
||||
}
|
||||
[REPLACE_CLASS_discoverycard]:focus [REPLACE_CLASS_discoverycardiconwrapper],
|
||||
[REPLACE_CLASS_discoverycard]:hover [REPLACE_CLASS_discoverycardiconwrapper] {
|
||||
background-color: var(--background-tertiary);
|
||||
}
|
||||
[REPLACE_CLASS_discoverycardicon] {
|
||||
color: var(--header-primary);
|
||||
border-radius: 10px;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
}
|
||||
[REPLACE_CLASS_discoverycardinfo] {
|
||||
display: flex;
|
||||
flex: 1 1 auto;
|
||||
position: relative;
|
||||
flex-direction: column;
|
||||
align-content: stretch;
|
||||
padding: 0 16px 16px;
|
||||
overflow: hidden;
|
||||
}
|
||||
[REPLACE_CLASS_discoverycardtitle] {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: var(--header-primary);
|
||||
width: 100%;
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
line-height: 20px;
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
[REPLACE_CLASS_discoverycardname] {
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
[REPLACE_CLASS_discoverycard] [REPLACE_CLASS_favbuttoncontainer] {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
[REPLACE_CLASS_discoverycard] [REPLACE_CLASS_favbuttoncontainer][REPLACE_CLASS_giffavoritesize] {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
[REPLACE_CLASS_discoverycardauthor] {
|
||||
color: var(--header-secondary);
|
||||
margin: 3px 0 6px;
|
||||
font-size: 14px;
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
[REPLACE_CLASS_discoverycarddescription] {
|
||||
color: var(--header-secondary);
|
||||
margin: 4px 0 12px;
|
||||
font-size: 14px;
|
||||
line-height: 18px;
|
||||
}
|
||||
[REPLACE_CLASS_discoverycardfooter] {
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
[REPLACE_CLASS_discoverycardtags] {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
[REPLACE_CLASS_discoverycardtag] {
|
||||
margin-right: 6px;
|
||||
margin-bottom: 6px;
|
||||
font-weight: 500;
|
||||
}
|
||||
[REPLACE_CLASS_discoverycardcontrols] {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: flex-end;
|
||||
align-items: center;
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
[REPLACE_CLASS_discoverycardbutton] {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 3px;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
padding: 6px 8px;
|
||||
cursor: pointer;
|
||||
}
|
||||
[REPLACE_CLASS_discoverycardstats] {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: var(--header-secondary);
|
||||
font-size: 14px;
|
||||
}
|
||||
[REPLACE_CLASS_discoverycardstat] {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-right: 8px;
|
||||
}
|
||||
[REPLACE_CLASS_discoverycardstaticon] {
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
[REPLACE_CLASS_overflowellipsis] {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
|
|
Loading…
Reference in New Issue