From: dankxiaobong Date: Wed, 21 Jun 2023 10:29:00 +0000 (+0200) Subject: changed where custom compact code goes X-Git-Url: http://these/git/readmes/%7B%7D/static/%7B%60https:/%7Bthis.props.banner%7D?a=commitdiff_plain;h=d7f7dd868965b26eb310ccc973664bbbcf78ab6b;p=lemmy-ui.git changed where custom compact code goes --- diff --git a/src/assets/css/themes/_variables.darkly-compact.scss b/src/assets/css/themes/_variables.darkly-compact.scss index 95829ec..65df167 100644 --- a/src/assets/css/themes/_variables.darkly-compact.scss +++ b/src/assets/css/themes/_variables.darkly-compact.scss @@ -1,62 +1 @@ @import "variables.darkly"; - -// DEBUG -// * { -// border: 1px red solid; -// } - -/* - 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; - } -} diff --git a/src/assets/css/themes/darkly-compact.scss b/src/assets/css/themes/darkly-compact.scss index dd443ed..1ce7c2d 100644 --- a/src/assets/css/themes/darkly-compact.scss +++ b/src/assets/css/themes/darkly-compact.scss @@ -1,2 +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";