stuff
This commit is contained in:
parent
174607e219
commit
9548df7656
|
@ -572,6 +572,27 @@
|
||||||
"dateInputPreviewSuffix": "dateInputPreviewSuffix-f4Sr32",
|
"dateInputPreviewSuffix": "dateInputPreviewSuffix-f4Sr32",
|
||||||
"dateInputWrapper": "dateInputWrapper-6tQOYp",
|
"dateInputWrapper": "dateInputWrapper-6tQOYp",
|
||||||
"dev": "dev-A7f2Rx",
|
"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",
|
"favButtonContainer": "favbutton-8Fzu45",
|
||||||
"guild": "guild-r3yAE_",
|
"guild": "guild-r3yAE_",
|
||||||
"guildLowerLeftBadge": "lowerLeftBadge-zr4T_9",
|
"guildLowerLeftBadge": "lowerLeftBadge-zr4T_9",
|
||||||
|
@ -1894,6 +1915,27 @@
|
||||||
"expressionpickernavbuttonactive": ["ExpressionPicker", "navButtonActive"],
|
"expressionpickernavbuttonactive": ["ExpressionPicker", "navButtonActive"],
|
||||||
"expressionpickernavitem": ["ExpressionPicker", "navItem"],
|
"expressionpickernavitem": ["ExpressionPicker", "navItem"],
|
||||||
"expressionpickernavlist": ["ExpressionPicker", "navList"],
|
"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"],
|
"favbuttoncontainer": ["BDFDB", "favButtonContainer"],
|
||||||
"fileattachment": ["File", "attachment"],
|
"fileattachment": ["File", "attachment"],
|
||||||
"fileattachmentinner": ["File", "attachmentInner"],
|
"fileattachmentinner": ["File", "attachmentInner"],
|
||||||
|
|
|
@ -254,6 +254,187 @@ img:not([src]), img[src=""], img[src="null"] {
|
||||||
margin: 0 3px;
|
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] {
|
[REPLACE_CLASS_overflowellipsis] {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
|
|
Loading…
Reference in New Issue