diff --git a/css/_mixins.scss b/css/_mixins.scss index f953defec..ee30eaef3 100644 --- a/css/_mixins.scss +++ b/css/_mixins.scss @@ -52,3 +52,10 @@ -o-transform: $property; transform: $property; } + +@mixin userSelect($value) { + -webkit-user-select: $value; + -moz-user-select: $value; + -ms-user-select: $value; + user-select: $value; +} diff --git a/css/missions.scss b/css/missions.scss index 52ffc47c9..faf4a0c02 100644 --- a/css/missions.scss +++ b/css/missions.scss @@ -18,10 +18,10 @@ width: 100%; overflow-y: auto; padding-right: 10px; -} -.hack-mission-grid::-webkit-scrollbar { - display: none; + &::-webkit-scrollbar { + display: none; + } } .hack-mission-node { @@ -30,17 +30,15 @@ align-self: center; justify-self: center; display: inline-block; -} -.hack-mission-node p { - margin-top: 8px; - color: #fff; - font-size: $defaultFontSize * 0.75; - text-align: center; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + p { + @include userSelect(none); + + margin-top: 8px; + color: #fff; + font-size: $defaultFontSize * 0.75; + text-align: center; + } } .hack-mission-player-node { @@ -70,47 +68,37 @@ } .hack-mission-database-node { + @include transform(skew(20deg)); + width: 100%; height: 90%; - -webkit-transform: skew(20deg); - -moz-transform: skew(20deg); - -o-transform: skew(20deg); -} -.hack-mission-database-node p { - -webkit-transform: skew(-20deg); - -moz-transform: skew(-20deg); - -o-transform: skew(-20deg); - color: #fff; - font-size: $defaultFontSize * 0.75; - margin-top: 8px; - text-align: center; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + p { + @include transform(skew(-20deg)); + @include userSelect(none); + + color: #fff; + font-size: $defaultFontSize * 0.75; + margin-top: 8px; + text-align: center; + } } .hack-mission-transfer-node { + @include transform(skew(-20deg)); + width: 100%; height: 90%; - -webkit-transform: skew(-20deg); - -moz-transform: skew(-20deg); - -o-transform: skew(-20deg); -} -.hack-mission-transfer-node p { - -webkit-transform: skew(20deg); - -moz-transform: skew(20deg); - -o-transform: skew(20deg); - color: #fff; - font-size: $defaultFontSize * 0.75; - margin-top: 8px; - text-align: center; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + p { + @include transform(skew(20deg)); + @include userSelect(none); + + color: #fff; + font-size: $defaultFontSize * 0.75; + margin-top: 8px; + text-align: center; + } } .hack-mission-spam-node,