fedi/lemmy-ui
1
0
Fork 0
mirror of https://github.com/LemmyNet/lemmy-ui.git synced 2024-11-27 00:09:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #1438 from dankxiaobong/added-darkly-compact-552

Browse source 
added litely-compact and darkly-compact - issue 552
This commit is contained in:
SleeplessOne1917 2023-06-23 15:45:09 -04:00 committed by GitHub
parent 095294c915 0fee7cba3b
commit c5e1722f8b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
7 changed files with 24203 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/assets/css/themes/_variables.darkly-compact.scss Normal file
View file

@ -0,0 +1 @@
@import "variables.darkly";

1
src/assets/css/themes/_variables.litely-compact.scss Normal file
View file

@ -0,0 +1 @@
@import "variables.litely";

12041
src/assets/css/themes/darkly-compact.css Normal file
View file

File diff suppressed because it is too large Load diff

59
src/assets/css/themes/darkly-compact.scss Normal file
View file

@ -0,0 +1,59 @@
@import "variables.darkly-compact";
/*
GENERAL
*/
// Desktop Breakpoint
$container-max-widths: (
lg: 1920px,
);
// Reduce hr height
hr.my-3 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
/*
POST-LISTING
*/
.post-listing {
line-height: 1;
.post-title h5 {
margin: 0;
}
.post-title + p {
padding-top: 0.125rem !important;
padding-bottom: 0.125rem !important;
}
.community-link {
padding-left: 0.125rem;
}
.person-listing {
padding-right: 0.125rem;
}
ul.list-inline {
&.mt-2 {
margin-top: 0.125rem !important;
}
&.mb-1 {
margin-bottom: 0.125rem !important;
}
}
.btn-sm {
--bs-btn-padding-y: 0;
}
.img-icon {
display: none;
}
}
@import "../../../../node_modules/bootstrap/scss/bootstrap";

12040
src/assets/css/themes/litely-compact.css Normal file
View file

File diff suppressed because it is too large Load diff

59
src/assets/css/themes/litely-compact.scss Normal file
View file

@ -0,0 +1,59 @@
@import "variables.litely-compact";
/*
GENERAL
*/
// Desktop Breakpoint
$container-max-widths: (
lg: 1920px,
);
// Reduce hr height
hr.my-3 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
/*
POST-LISTING
*/
.post-listing {
line-height: 1;
.post-title h5 {
margin: 0;
}
.post-title + p {
padding-top: 0.125rem !important;
padding-bottom: 0.125rem !important;
}
.community-link {
padding-left: 0.125rem;
}
.person-listing {
padding-right: 0.125rem;
}
ul.list-inline {
&.mt-2 {
margin-top: 0.125rem !important;
}
&.mb-1 {
margin-bottom: 0.125rem !important;
}
}
.btn-sm {
--bs-btn-padding-y: 0;
}
.img-icon {
display: none;
}
}
@import "../../../../node_modules/bootstrap/scss/bootstrap";

2
src/server/utils/build-themes-list.ts
View file

@ -7,8 +7,10 @@ const extraThemesFolder =
const themes: ReadonlyArray<string> = [
"darkly",
"darkly-red",
"darkly-compact",
"litely",
"litely-red",
"litely-compact",
];
export async function buildThemeList(): Promise<ReadonlyArray<string>> {