Make modular

This commit is contained in:
Cynthia Foxwell 2023-10-26 14:10:59 -06:00
parent fb2ac7da82
commit 0a16e600eb
62 changed files with 3136 additions and 3130 deletions

View file

@ -1,91 +1,91 @@
@media (width < 1300px) {
[class^="chat-"]
> [class^="content-"]
> [class^="container-"]:nth-child(2)
> [class^="membersWrap-"],
[class^="chat-"] > [class^="content-"] > [class^="container-"]:nth-child(2),
[class^="chat-"] > [class^="content-"] > [class^="membersWrap-"] {
[class^="chat_"]
> [class^="content_"]
> [class^="container_"]:nth-child(2)
> [class^="membersWrap_"],
[class^="chat_"] > [class^="content_"] > [class^="container_"]:nth-child(2),
[class^="chat_"] > [class^="content_"] > [class^="membersWrap_"] {
width: 50px !important;
min-width: 50px !important;
}
[class^="chat-"]
> [class^="content-"]
> [class^="container-"]:nth-child(2):hover,
[class^="chat-"]
> [class^="content-"]
> [class^="container-"]:hover
> [class^="membersWrap-"],
[class^="chat-"] > [class^="content-"] > [class^="membersWrap-"]:hover {
[class^="chat_"]
> [class^="content_"]
> [class^="container_"]:nth-child(2):hover,
[class^="chat_"]
> [class^="content_"]
> [class^="container_"]:hover
> [class^="membersWrap_"],
[class^="chat_"] > [class^="content_"] > [class^="membersWrap_"]:hover {
width: 240px !important;
min-width: 240px !important;
}
[class^="chat-"]
> [class^="content-"]
[class^="chat_"]
> [class^="content_"]
> [class^="container"]
> [class^="membersWrap-"],
[class^="chat-"] > [class^="content-"] > [class^="membersWrap-"] {
> [class^="membersWrap_"],
[class^="chat_"] > [class^="content_"] > [class^="membersWrap_"] {
min-width: 0;
min-height: 100%;
background-color: var(--background-secondary);
}
[class^="chat-"]
> [class^="content-"]
> [class^="container-"]
> [class^="membersWrap-"]
> [class^="members-"],
[class^="chat-"]
> [class^="content-"]
> [class^="membersWrap-"]
> [class^="members-"] {
[class^="chat_"]
> [class^="content_"]
> [class^="container_"]
> [class^="membersWrap_"]
> [class^="members_"],
[class^="chat_"]
> [class^="content_"]
> [class^="membersWrap_"]
> [class^="members_"] {
width: 58px !important;
}
[class^="chat-"]
> [class^="content-"]
> [class^="container-"]:hover
> [class^="membersWrap-"]
> [class^="members-"],
[class^="chat-"]
> [class^="content-"]
> [class^="membersWrap-"]:hover
> [class^="members-"] {
[class^="chat_"]
> [class^="content_"]
> [class^="container_"]:hover
> [class^="membersWrap_"]
> [class^="members_"],
[class^="chat_"]
> [class^="content_"]
> [class^="membersWrap_"]:hover
> [class^="members_"] {
width: 240px !important;
}
[class^="chat-"]
> [class^="content-"]
> [class^="container-"]
> [class^="membersWrap-"]
> [class^="members-"]
> [class^="content-"]
> [class^="membersGroup-"],
[class^="chat-"]
> [class^="content-"]
> [class^="membersWrap-"]
> [class^="members-"]
> [class^="content-"]
> [class^="membersGroup-"] {
height: 0;
[class^="chat_"]
> [class^="content_"]
> [class^="container_"]
> [class^="membersWrap_"]
> [class^="members_"]
> [class^="content_"]
> [class^="membersGroup_"],
[class^="chat_"]
> [class^="content_"]
> [class^="membersWrap_"]
> [class^="members_"]
> [class^="content_"]
> [class^="membersGroup_"] {
height: 0 !important;
padding-top: 12px;
}
[class^="chat-"]
> [class^="content-"]
> [class^="container-"]:hover
> [class^="membersWrap-"]
> [class^="members-"]
> [class^="content-"]
> [class^="membersGroup-"],
[class^="chat-"]
> [class^="content-"]
> [class^="membersWrap-"]:hover
> [class^="members-"]
> [class^="content-"]
> [class^="membersGroup-"] {
height: 40px;
[class^="chat_"]
> [class^="content_"]
> [class^="container_"]:hover
> [class^="membersWrap_"]
> [class^="members_"]
> [class^="content_"]
> [class^="membersGroup_"],
[class^="chat_"]
> [class^="content_"]
> [class^="membersWrap_"]:hover
> [class^="members_"]
> [class^="content_"]
> [class^="membersGroup_"] {
height: 40px !important;
padding-top: 24px;
}
}

View file

@ -1,89 +1,89 @@
[class^="chat-"]
> [class^="content-"]
> [class^="container-"]:nth-child(2)
> [class^="membersWrap-"],
[class^="chat-"] > [class^="content-"] > [class^="container-"]:nth-child(2),
[class^="chat-"] > [class^="content-"] > [class^="membersWrap-"] {
[class^="chat_"]
> [class^="content_"]
> [class^="container_"]:nth-child(2)
> [class^="membersWrap_"],
[class^="chat_"] > [class^="content_"] > [class^="container_"]:nth-child(2),
[class^="chat_"] > [class^="content_"] > [class^="membersWrap_"] {
width: 50px !important;
min-width: 50px !important;
}
[class^="chat-"]
> [class^="content-"]
> [class^="container-"]:nth-child(2):hover,
[class^="chat-"]
> [class^="content-"]
> [class^="container-"]:hover
> [class^="membersWrap-"],
[class^="chat-"] > [class^="content-"] > [class^="membersWrap-"]:hover {
[class^="chat_"]
> [class^="content_"]
> [class^="container_"]:nth-child(2):hover,
[class^="chat_"]
> [class^="content_"]
> [class^="container_"]:hover
> [class^="membersWrap_"],
[class^="chat_"] > [class^="content_"] > [class^="membersWrap_"]:hover {
width: 240px !important;
min-width: 240px !important;
}
[class^="chat-"]
> [class^="content-"]
[class^="chat_"]
> [class^="content_"]
> [class^="container"]
> [class^="membersWrap-"],
[class^="chat-"] > [class^="content-"] > [class^="membersWrap-"] {
> [class^="membersWrap_"],
[class^="chat_"] > [class^="content_"] > [class^="membersWrap_"] {
min-width: 0;
min-height: 100%;
background-color: var(--background-secondary);
}
[class^="chat-"]
> [class^="content-"]
> [class^="container-"]
> [class^="membersWrap-"]
> [class^="members-"],
[class^="chat-"]
> [class^="content-"]
> [class^="membersWrap-"]
> [class^="members-"] {
[class^="chat_"]
> [class^="content_"]
> [class^="container_"]
> [class^="membersWrap_"]
> [class^="members_"],
[class^="chat_"]
> [class^="content_"]
> [class^="membersWrap_"]
> [class^="members_"] {
width: 58px !important;
}
[class^="chat-"]
> [class^="content-"]
> [class^="container-"]:hover
> [class^="membersWrap-"]
> [class^="members-"],
[class^="chat-"]
> [class^="content-"]
> [class^="membersWrap-"]:hover
> [class^="members-"] {
[class^="chat_"]
> [class^="content_"]
> [class^="container_"]:hover
> [class^="membersWrap_"]
> [class^="members_"],
[class^="chat_"]
> [class^="content_"]
> [class^="membersWrap_"]:hover
> [class^="members_"] {
width: 240px !important;
}
[class^="chat-"]
> [class^="content-"]
> [class^="container-"]
> [class^="membersWrap-"]
> [class^="members-"]
> [class^="content-"]
> [class^="membersGroup-"],
[class^="chat-"]
> [class^="content-"]
> [class^="membersWrap-"]
> [class^="members-"]
> [class^="content-"]
> [class^="membersGroup-"] {
height: 0;
[class^="chat_"]
> [class^="content_"]
> [class^="container_"]
> [class^="membersWrap_"]
> [class^="members_"]
> [class^="content_"]
> [class^="membersGroup_"],
[class^="chat_"]
> [class^="content_"]
> [class^="membersWrap_"]
> [class^="members_"]
> [class^="content_"]
> [class^="membersGroup_"] {
height: 0 !important;
padding-top: 12px;
}
[class^="chat-"]
> [class^="content-"]
> [class^="container-"]:hover
> [class^="membersWrap-"]
> [class^="members-"]
> [class^="content-"]
> [class^="membersGroup-"],
[class^="chat-"]
> [class^="content-"]
> [class^="membersWrap-"]:hover
> [class^="members-"]
> [class^="content-"]
> [class^="membersGroup-"] {
height: 40px;
[class^="chat_"]
> [class^="content_"]
> [class^="container_"]:hover
> [class^="membersWrap_"]
> [class^="members_"]
> [class^="content_"]
> [class^="membersGroup_"],
[class^="chat_"]
> [class^="content_"]
> [class^="membersWrap_"]:hover
> [class^="members_"]
> [class^="content_"]
> [class^="membersGroup_"] {
height: 40px !important;
padding-top: 24px;
}