StarCitizenTools/mediawiki-skins-Citizen
1
0
Fork 0
mirror of https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git synced 2024-11-24 06:24:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

RelatedArticles dark styles

Browse source
This commit is contained in:
alistair3149 2019-12-04 14:09:57 -05:00
parent 3276fae9a8
commit 2ecf559d9e
1 changed files with 35 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

51
skinStyles/ext.relatedArticles.cards.less
View file

@ -7,23 +7,42 @@
@import '../resources/mixins.less';
.ext-related-articles-card-list {
margin-top: 0;
padding-top: @content-margin-top; // Give room for shadows and translate
overflow: visible; // Show shadow
margin-top: 0;
padding-top: @content-margin-top; // Give room for shadows and translate
overflow: visible; // Show shadow
.ext-related-articles-card {
border: 0!important;
border-radius: 0!important;
.boxshadow(1);
transition: @transition-transform-quick;
.ext-related-articles-card {
border: 1px solid @base-80 !important;
border-radius: 0 !important;
.boxshadow(1);
transition: @transition-transform-quick;
&:hover {
.boxshadow(2);
transform:translateY(-2px);
}
&:hover {
.boxshadow(3);
transform: translateY(-2px);
}
> a:hover {
box-shadow: none;
}
}
>a:hover {
box-shadow: none;
}
}
}
@media (prefers-color-scheme: dark) {
.ext-related-articles-card-list {
.ext-related-articles-card {
border-color: @dark-bg-40;
background-color: @dark-bg-30;
}
h3 {
&:after {
background: linear-gradient(to right, rgba(255, 255, 255, 0), @dark-bg-30 50%);
}
a {
color: @dark-text-100;
}
}
}
}