mirror/php-flarum
1
0
Fork 0
mirror of https://github.com/flarum/core.git synced 2025-07-30 21:20:24 +02:00
Code Issues Releases Wiki Activity

feat: Declare & Use CSS Custom Properties (#3146)

Browse Source
This commit is contained in:
Sami Mazouz
2021-11-04 22:34:18 +01:00
committed by GitHub
parent 26bf5d350b
commit 809df29d29
44 changed files with 502 additions and 380 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
less/forum/DiscussionPage.less
View File

@@ -9,7 +9,7 @@
@media @phone {
.DiscussionPage-nav {
margin: 0 -15px;
border-bottom: 1px solid @control-bg;
border-bottom: 1px solid var(--control-bg);
> ul > li {
margin: 15px;
@@ -69,17 +69,17 @@
@media @tablet-up {
.DiscussionPage-list {
left: -@pane-width - 6px;
left: calc(~"-6px - var(--pane-width)");
position: absolute;
z-index: @zindex-pane;
z-index: var(--zindex-pane);
overflow: auto;
top: @header-height;
height: ~"calc(100vh - @{header-height})";
width: @pane-width;
background: @body-bg;
top: var(--header-height);
height: ~"calc(100vh - var(--header-height))";
width: var(--pane-width);
background: var(--body-bg);
padding-bottom: 40px;
border-top: 1px solid @control-bg;
box-shadow: 0 6px 6px @shadow-color;
border-top: 1px solid var(--control-bg);
box-shadow: 0 6px 6px var(--shadow-color);
transition: left 0.2s;
.affix & {
@@ -96,7 +96,7 @@
border-radius: 0;
&.active {
background: @control-bg;
background: var(--control-bg);
}
}
.DiscussionListItem-controls {
@@ -134,7 +134,7 @@
// When the pane is pinned, move the other page content inwards
.App-content, .App-footer {
.hasPane.panePinned & {
margin-left: @pane-width;
margin-left: var(--pane-width);
.container {
max-width: 100%;