Commit 483203fe authored by Anne Lyle's avatar Anne Lyle Committed by Andrey Azov
Browse files

Remove 'ens-' prefix from colour variable names (#153)

parent a2b8630e
Pipeline #33494 passed with stages
in 4 minutes and 38 seconds
...@@ -26,7 +26,7 @@ ...@@ -26,7 +26,7 @@
} }
.browserOverlay { .browserOverlay {
background: $ens-white; background: $white;
height: 100%; height: 100%;
opacity: 0.7; opacity: 0.7;
position: absolute; position: absolute;
...@@ -45,7 +45,7 @@ ...@@ -45,7 +45,7 @@
} }
.objectType { .objectType {
color: $ens-grey; color: $grey;
margin-right: 15px; margin-right: 15px;
width: 60px; width: 60px;
text-align: right; text-align: right;
...@@ -53,5 +53,5 @@ ...@@ -53,5 +53,5 @@
} }
.objectLabel { .objectLabel {
color: $ens-blue; color: $blue;
} }
...@@ -2,8 +2,8 @@ ...@@ -2,8 +2,8 @@
.browserBar { .browserBar {
display: flex; display: flex;
background: $ens-light-grey; background: $light-grey;
box-shadow: 0 2px 3px $ens-grey; box-shadow: 0 2px 3px $grey;
height: 32px; height: 32px;
padding: 6px 0 3px 0; padding: 6px 0 3px 0;
position: relative; position: relative;
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
button { button {
&.selected { &.selected {
background: $ens-white; background: $white;
} }
} }
} }
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
width: calc(100vw - 356px); width: calc(100vw - 356px);
label { label {
color: $ens-dark-grey; color: $dark-grey;
font-weight: $light; font-weight: $light;
} }
...@@ -46,7 +46,7 @@ ...@@ -46,7 +46,7 @@
} }
&.browserInfoGreyed { &.browserInfoGreyed {
color: $ens-dark-grey; color: $dark-grey;
} }
dd { dd {
......
...@@ -30,10 +30,10 @@ ...@@ -30,10 +30,10 @@
.chrCode { .chrCode {
appearance: none; appearance: none;
background: $ens-dark-blue; background: $dark-blue;
border: none; border: none;
border-radius: 0; border-radius: 0;
color: $ens-white; color: $white;
display: inline-block; display: inline-block;
font-weight: $bold; font-weight: $bold;
margin: 0 5px; margin: 0 5px;
...@@ -44,16 +44,16 @@ ...@@ -44,16 +44,16 @@
} }
.chrRegion { .chrRegion {
color: $ens-dark-blue; color: $dark-blue;
display: inline-block; display: inline-block;
} }
.browserGenomeSelectorDisabled { .browserGenomeSelectorDisabled {
.chrCode { .chrCode {
background: $ens-dark-grey; background: $dark-grey;
} }
.chrRegion { .chrRegion {
color: $ens-dark-grey; color: $dark-grey;
} }
} }
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
.browserNavBar { .browserNavBar {
display: flex; display: flex;
background: $ens-light-grey; background: $light-grey;
padding: 16px; padding: 16px;
@media #{$breakpoint-large} { @media #{$breakpoint-large} {
......
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
.imageButtonDisabled { .imageButtonDisabled {
svg { svg {
fill: $ens-dark-grey; fill: $dark-grey;
cursor: default; cursor: default;
} }
button { button {
......
@import 'src/styles/common'; @import 'src/styles/common';
.drawer { .drawer {
border-left: 1px solid $ens-light-grey; border-left: 1px solid $light-grey;
height: calc(100vh - 176px); height: calc(100vh - 176px);
width: calc(100vw - 397px); width: calc(100vw - 397px);
} }
......
@import 'src/styles/common'; @import 'src/styles/common';
.trackPanelBar { .trackPanelBar {
background: $ens-light-grey; background: $light-grey;
border-left: 1px solid $ens-grey; border-left: 1px solid $grey;
border-right: 1px solid $ens-grey; border-right: 1px solid $grey;
width: 36px; width: 36px;
&.shorter { &.shorter {
......
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
overflow: auto; overflow: auto;
padding: 15px; padding: 15px;
width: 320px; width: 320px;
background: $ens-white; background: $white;
&.shorter { &.shorter {
height: calc(100vh - 177px); height: calc(100vh - 177px);
...@@ -18,8 +18,8 @@ ...@@ -18,8 +18,8 @@
} }
h4 { h4 {
border-bottom: 1px solid $ens-grey; border-bottom: 1px solid $grey;
color: $ens-grey; color: $grey;
font-size: 10px; font-size: 10px;
padding-bottom: 2px; padding-bottom: 2px;
} }
......
...@@ -22,7 +22,7 @@ ...@@ -22,7 +22,7 @@
&:hover, &:hover,
&.trackHighlighted { &.trackHighlighted {
background: $ens-light-blue; background: $light-blue;
} }
&.main { &.main {
...@@ -41,7 +41,7 @@ ...@@ -41,7 +41,7 @@
} }
.selectedInfo { .selectedInfo {
color: $ens-black; color: $black;
display: inline-block; display: inline-block;
font-size: 10px; font-size: 10px;
font-weight: $normal; font-weight: $normal;
...@@ -65,18 +65,18 @@ ...@@ -65,18 +65,18 @@
width: 11px; width: 11px;
&.blue { &.blue {
background: $ens-dark-blue; background: $dark-blue;
border-color: $ens-dark-blue; border-color: $dark-blue;
} }
&.darkGrey { &.darkGrey {
background: $ens-dark-grey; background: $dark-grey;
border-color: $ens-dark-grey; border-color: $dark-grey;
} }
&.grey { &.grey {
background: $ens-grey; background: $grey;
border-color: $ens-grey; border-color: $grey;
} }
&.white { &.white {
......
@import 'src/styles/common'; @import 'src/styles/common';
.trackPanelModal { .trackPanelModal {
background: $ens-white; background: $white;
font-weight: $light; font-weight: $light;
left: 36px; left: 36px;
padding: 10px 20px; padding: 10px 20px;
...@@ -46,7 +46,7 @@ ...@@ -46,7 +46,7 @@
} }
dt { dt {
color: $ens-dark-grey; color: $dark-grey;
font-size: 12px; font-size: 12px;
} }
......
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
.trackPanelTab { .trackPanelTab {
button { button {
color: $ens-dark-blue; color: $dark-blue;
} }
} }
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
.trackPanelTabDisabled { .trackPanelTabDisabled {
button { button {
color: $ens-dark-grey; color: $dark-grey;
cursor: default; cursor: default;
} }
} }
...@@ -31,9 +31,9 @@ ...@@ -31,9 +31,9 @@
position: relative; position: relative;
&::after { &::after {
border: 6px solid $ens-grey; border: 6px solid $grey;
border-color: transparent transparent $ens-light-grey $ens-light-grey; border-color: transparent transparent $light-grey $light-grey;
box-shadow: -2px 2px 2px 0 $ens-grey; box-shadow: -2px 2px 2px 0 $grey;
box-sizing: border-box; box-sizing: border-box;
content: ''; content: '';
height: 0; height: 0;
......
@import 'src/styles/common'; @import 'src/styles/common';
$zmenuBackgroundColor: $ens-black; $zmenuBackgroundColor: $black;
.zmenuWrapper { .zmenuWrapper {
position: absolute; position: absolute;
filter: drop-shadow(2px 2px 3px $ens-shadow-color); filter: drop-shadow(2px 2px 3px $shadow-color);
} }
.zmenu { .zmenu {
...@@ -13,7 +13,7 @@ $zmenuBackgroundColor: $ens-black; ...@@ -13,7 +13,7 @@ $zmenuBackgroundColor: $ens-black;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
padding: 12px 20px; padding: 12px 20px;
color: $ens-white; color: $white;
background-color: $zmenuBackgroundColor; background-color: $zmenuBackgroundColor;
min-height: 40px; min-height: 40px;
font-size: 13px; font-size: 13px;
...@@ -58,5 +58,5 @@ $zmenuBackgroundColor: $ens-black; ...@@ -58,5 +58,5 @@ $zmenuBackgroundColor: $ens-black;
.markupFocus { .markupFocus {
cursor: pointer; cursor: pointer;
color: $ens-blue; color: $blue;
} }
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
} }
.checkboxGridTitle { .checkboxGridTitle {
color: $ens-grey; color: $grey;
margin-bottom: 10px; margin-bottom: 10px;
padding-left: 20px; padding-left: 20px;
} }
......
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
.accordion { .accordion {
border: none; border: none;
border-top: 2px solid $ens-medium-light-grey; border-top: 2px solid $medium-light-grey;
} }
.accordionButton { .accordionButton {
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
.pasteText, .pasteText,
.uploadText { .uploadText {
color: $ens-blue; color: $blue;
cursor: pointer; cursor: pointer;
} }
......
...@@ -4,11 +4,11 @@ ...@@ -4,11 +4,11 @@
padding-right: 15px; padding-right: 15px;
max-height: calc(100vh - 135px); max-height: calc(100vh - 135px);
overflow-y: auto; overflow-y: auto;
background-color: $ens-white; background-color: $white;
} }
.dataSelectorHint { .dataSelectorHint {
padding: 10px 40px 10px 15px; padding: 10px 40px 10px 15px;
color: $ens-dark-grey; color: $dark-grey;
position: relative; position: relative;
} }
...@@ -17,14 +17,14 @@ ...@@ -17,14 +17,14 @@
} }
.permanentBlock { .permanentBlock {
background: $ens-light-grey; background: $light-grey;
} }
.accordionExpandedTitle { .accordionExpandedTitle {
color: $ens-dark-grey; color: $dark-grey;
> span { > span {
color: $ens-black; color: $black;
font-weight: 700; font-weight: 700;
} }
} }
......
...@@ -14,35 +14,35 @@ ...@@ -14,35 +14,35 @@
} }
input::placeholder { input::placeholder {
color: $ens-medium-light-grey; color: $medium-light-grey;
} }
label { label {
margin-right: 15px; margin-right: 15px;
color: $ens-dark-grey; color: $dark-grey;
} }
.resultCounter { .resultCounter {
margin-left: 20px; margin-left: 20px;
span:first-of-type { span:first-of-type {
font-weight: $bold; font-weight: $bold;
color: $ens-black; color: $black;
} }
span:nth-of-type(2) { span:nth-of-type(2) {
color: $ens-medium-dark-grey; color: $medium-dark-grey;
} }
span:last-of-type { span:last-of-type {
font-size: 12px; font-size: 12px;
padding-left: 2px; padding-left: 2px;
color: $ens-medium-dark-grey; color: $medium-dark-grey;
} }
} }
.bestMatchesFilter, .bestMatchesFilter,
.showAllFilter { .showAllFilter {
color: $ens-blue; color: $blue;
cursor: pointer; cursor: pointer;
margin-left: 20px; margin-left: 20px;
} }
...@@ -54,5 +54,5 @@ ...@@ -54,5 +54,5 @@
.speciesAttributesSectionTitle { .speciesAttributesSectionTitle {
margin: 20px 0 15px 30px; margin: 20px 0 15px 30px;
color: $ens-dark-grey; color: $dark-grey;
} }