github
/
AdminLTE
mirror of https://github.com/ColorlibHQ/AdminLTE
1
0
Fork 0
Code Issues Releases Wiki Activity

timeline dark mode

pull/4889/head
Daniel 2023-01-31 23:48:39 +05:30
parent 4942067b42
commit a03f238b45
1 changed files with 11 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
src/scss/_timeline.scss
View File

@ -16,7 +16,7 @@
width: 4px; width: 4px;
margin: 0; margin: 0;
content: ""; content: "";
background-color: $gray-300; background-color: var(--#{$prefix}border-color);
} }
// Element // Element
> div { > div {
@ -38,14 +38,14 @@
margin-top: 0; margin-top: 0;
margin-right: 15px; margin-right: 15px;
margin-left: 60px; margin-left: 60px;
color: $gray-700; color: var(--#{$prefix}body-color);
background-color: $white; background-color: var(--#{$prefix}body-bg);
// The time and header // The time and header
> .time { > .time {
float: right; float: right;
padding: 10px; padding: 10px;
font-size: 12px; font-size: 12px;
color: #999; color: var(--#{$prefix}secondary-color);
} }
// Header // Header
> .timeline-header { > .timeline-header {
@ -53,8 +53,8 @@
margin: 0; margin: 0;
font-size: 16px; font-size: 16px;
line-height: 1.1; line-height: 1.1;
color: $gray-700; color: var(--#{$prefix}secondary-color);
border-bottom: 1px solid $card-border-color; border-bottom: 1px solid var(--#{$prefix}border-color);
// Link in header // Link in header
> a { > a {
font-weight: 600; font-weight: 600;
@ -95,7 +95,7 @@
font-size: 16px; font-size: 16px;
line-height: 30px; line-height: 30px;
text-align: center; text-align: center;
background-color: $gray-500; background-color: var(--#{$prefix}secondary-bg);
border-radius: 50%; // stylelint-disable-line property-disallowed-list border-radius: 50%; // stylelint-disable-line property-disallowed-list
} }
> .svg-inline--fa { > .svg-inline--fa {
@ -110,7 +110,7 @@
display: inline-block; display: inline-block;
padding: 5px; padding: 5px;
font-weight: 600; font-weight: 600;
background-color: $white; background-color: var(--#{$prefix}body-bg);
} }
} }
} }
@ -119,33 +119,12 @@
> div { > div {
> .timeline-item { > .timeline-item {
@include box-shadow(none); @include box-shadow(none);
background-color: $gray-100; background-color: var(--#{$prefix}tertiary-bg);
border: 1px solid $gray-300; border: 1px solid var(--#{$prefix}border-color);
> .timeline-header { > .timeline-header {
border-bottom-color: $gray-300; border-bottom-color: var(--#{$prefix}border-color);
} }
} }
} }
} }
// @include dark-mode () {
// .timeline {
// &::before {
// background-color: $gray-600;
// }
// > div > .timeline-item {
// color: $white;
// background-color: $dark;
// border-color: $gray-600;
// > .timeline-header {
// color: $gray-400;
// border-color: $gray-600;
// }
// > .time {
// color: $gray-400;
// }
// }
// }
// }