Personal_mirrors/bitburner-src
1
0
Fork 0
mirror of https://github.com/bitburner-official/bitburner-src.git synced 2024-12-19 04:35:46 +01:00
Code Issues Packages Projects Releases Wiki Activity

[refactor] Refactored "missions" SCSS

Browse Source
This commit is contained in:
Steven Evans 2018-07-17 10:17:30 -04:00
parent 681401b7b0
commit 4bbd74eedf
2 changed files with 40 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
css/_mixins.scss
View File

@ -52,3 +52,10 @@
-o-transform: $property; -o-transform: $property;
transform: $property; transform: $property;
} }
@mixin userSelect($value) {
-webkit-user-select: $value;
-moz-user-select: $value;
-ms-user-select: $value;
user-select: $value;
}

78
css/missions.scss
View File

@ -18,10 +18,10 @@
width: 100%; width: 100%;
overflow-y: auto; overflow-y: auto;
padding-right: 10px; padding-right: 10px;
}
.hack-mission-grid::-webkit-scrollbar { &::-webkit-scrollbar {
display: none; display: none;
}
} }
.hack-mission-node { .hack-mission-node {
@ -30,17 +30,15 @@
align-self: center; align-self: center;
justify-self: center; justify-self: center;
display: inline-block; display: inline-block;
}
.hack-mission-node p { p {
margin-top: 8px; @include userSelect(none);
color: #fff;
font-size: $defaultFontSize * 0.75; margin-top: 8px;
text-align: center; color: #fff;
-webkit-user-select: none; font-size: $defaultFontSize * 0.75;
-moz-user-select: none; text-align: center;
-ms-user-select: none; }
user-select: none;
} }
.hack-mission-player-node { .hack-mission-player-node {
@ -70,47 +68,37 @@
} }
.hack-mission-database-node { .hack-mission-database-node {
@include transform(skew(20deg));
width: 100%; width: 100%;
height: 90%; height: 90%;
-webkit-transform: skew(20deg);
-moz-transform: skew(20deg);
-o-transform: skew(20deg);
}
.hack-mission-database-node p { p {
-webkit-transform: skew(-20deg); @include transform(skew(-20deg));
-moz-transform: skew(-20deg); @include userSelect(none);
-o-transform: skew(-20deg);
color: #fff; color: #fff;
font-size: $defaultFontSize * 0.75; font-size: $defaultFontSize * 0.75;
margin-top: 8px; margin-top: 8px;
text-align: center; text-align: center;
-webkit-user-select: none; }
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
} }
.hack-mission-transfer-node { .hack-mission-transfer-node {
@include transform(skew(-20deg));
width: 100%; width: 100%;
height: 90%; height: 90%;
-webkit-transform: skew(-20deg);
-moz-transform: skew(-20deg);
-o-transform: skew(-20deg);
}
.hack-mission-transfer-node p { p {
-webkit-transform: skew(20deg); @include transform(skew(20deg));
-moz-transform: skew(20deg); @include userSelect(none);
-o-transform: skew(20deg);
color: #fff; color: #fff;
font-size: $defaultFontSize * 0.75; font-size: $defaultFontSize * 0.75;
margin-top: 8px; margin-top: 8px;
text-align: center; text-align: center;
-webkit-user-select: none; }
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
} }
.hack-mission-spam-node, .hack-mission-spam-node,