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

Github CI lint - eslint/stylelint

Browse source
This commit is contained in:
github-actions 2020-01-07 00:57:55 +00:00
parent dab3cb690f
commit a83232a34e
1 changed files with 285 additions and 285 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

46
resources/components/navigation.less
View file

@ -30,7 +30,7 @@
// Hide header when scroll
&.nav-up {
transform: translate(0, -@header-height );
transform: translate( 0, -@header-height );
}
.mw-header-icons {
@ -43,7 +43,7 @@
user-select: none;
// Input button hack
>input {
> input {
width: inherit;
height: inherit;
position: absolute;
@ -66,35 +66,35 @@
&:checked {
// Show drawer
~.mw-header-menu-drawer {
~ .mw-header-menu-drawer {
transform: none;
will-change: unset;
}
// Transform all the slices of hamburger into a crossmark
~.mw-header-menu-toggle>span {
~ .mw-header-menu-toggle > span {
opacity: @opacity-icon;
transform: rotate(45deg) translate(-5px, -7px);
transform: rotate( 45deg ) translate( -5px, -7px );
// Reflect line
&:nth-last-child(2) {
transform: rotate(-45deg) translate(-2px, 6px);
&:nth-last-child( 2 ) {
transform: rotate( -45deg ) translate( -2px, 6px );
}
// Hide line
&:nth-last-child(3) {
&:nth-last-child( 3 ) {
opacity: 0;
transform: rotate(0deg) scale(0.2, 0.2);
transform: rotate( 0deg ) scale( 0.2, 0.2 );
}
}
}
// Hover state
&:hover~.mw-header-menu-toggle>span {
&:hover ~ .mw-header-menu-toggle > span {
opacity: @opacity-icon-active;
&:first-child {
transform: translate(-50%, 0);
transform: translate( -50%, 0 );
}
}
}
@ -124,7 +124,7 @@
transform-origin: 0% 0%;
}
&:nth-last-child(2) {
&:nth-last-child( 2 ) {
transform-origin: 0% 100%;
}
}
@ -141,12 +141,12 @@
.boxshadow(3);
background: @menu-background;
transform-origin: 0% 0%;
transform: translate(-110%, 0); // Shadow bleeding with 100%
transform: translate( -110%, 0 ); // Shadow bleeding with 100%
transition: @transition-transform;
will-change: transform; // Help with performance
&-container {
height:~'calc(100vh - @{header-height})';
height: ~'calc(100vh - @{header-height})';
display: flex;
flex-direction: column;
justify-content: space-between;
@ -297,7 +297,7 @@
top: @header-height;
left: @margin-side;
font-size: 11px;
transform: translateY(100%) translateX(-100%) rotate(-90deg);
transform: translateY( 100% ) translateX( -100% ) rotate( -90deg );
transform-origin: top right;
transition: @transition-transform, @transition-opacity;
-webkit-font-smoothing: subpixel-antialiased;
@ -309,8 +309,8 @@
// Nav up stuff
.nav-up {
~.mw-sidebar-sitename {
transform: translateY(-@header-height + @margin-side ) translateX(-100%) rotate(-90deg);
~ .mw-sidebar-sitename {
transform: translateY( -@header-height + @margin-side ) translateX( -100% ) rotate( -90deg );
}
.mw-header-menu-drawer-container {
@ -321,14 +321,14 @@
// Bypass calculation
@mw-sidebar-sitename-max-width: @margin-side * 5 + @page-width;
@media only screen and (max-width: @mw-sidebar-sitename-max-width ) {
@media only screen and ( max-width: @mw-sidebar-sitename-max-width ) {
.mw-sidebar-sitename {
z-index: -1; // remove link
opacity: 0; // hide visual
}
}
@media only screen and (max-width: @screen2 ) {
@media only screen and ( max-width: @screen2 ) {
.mw-header-container {
background: @base-100;
@ -368,15 +368,15 @@
.mw-sidebar-sitename {
left: unset;
right: @margin-side;
transform: translateY(0) rotate(90deg);
transform: translateY( 0 ) rotate( 90deg );
transform-origin: top right;
}
.nav-up~.mw-sidebar-sitename {
transform: translateY(@header-height - @margin-side ) rotate(90deg);
.nav-up ~ .mw-sidebar-sitename {
transform: translateY( @header-height - @margin-side ) rotate( 90deg );
}
.mw-header-menu-drawer {
transform: translate(100%, 0);
transform: translate( 100%, 0 );
}
}