1- @import " ../../variables.scss" ;
1+ @use " ../../variables.scss" ;
22$cell-width : 140px ;
33
44.VersionHistoryRowWrapper {
@@ -47,7 +47,7 @@ $cell-width: 140px;
4747}
4848
4949.upstream-version-box-wrapper {
50- background : $sub-nav-color ;
50+ background : variables . $sub-nav-color ;
5151 border-radius : 6px ;
5252 padding : 15px ;
5353 width : 100% ;
@@ -69,7 +69,7 @@ $cell-width: 140px;
6969}
7070
7171.info-box {
72- background-color : $primary-light-color ;
72+ background-color : variables . $primary-light-color ;
7373 border-radius : 4px ;
7474 padding : 12px ;
7575 text-align : center ;
@@ -104,7 +104,7 @@ $cell-width: 140px;
104104
105105.ActiveRelease-wrapper {
106106 .no-current-version {
107- background-color : $primary-light-color ;
107+ background-color : variables . $primary-light-color ;
108108 margin-top : 16px ;
109109 border-radius : 4px ;
110110 padding : 16px 12px ;
@@ -116,8 +116,8 @@ $cell-width: 140px;
116116 margin-left : 15px ;
117117 border-width : 1px ;
118118 border-style : solid ;
119- border-color : $secondary-color ;
120- color : $secondary-color ;
119+ border-color : variables . $secondary-color ;
120+ color : variables . $secondary-color ;
121121 box-shadow : none ;
122122}
123123
@@ -144,20 +144,20 @@ $cell-width: 140px;
144144.action-tab-bar .tab-item {
145145 font-size : 12px ;
146146 font-weight : 500 ;
147- color : $text-color-body-copy ;
147+ color : variables . $text-color-body-copy ;
148148 padding : 0 10px ;
149- border-right : 1px solid $border-color ;
149+ border-right : 1px solid variables . $border-color ;
150150 line-height : 15px ;
151151 cursor : pointer ;
152152 transition : color 0.2s ;
153153 position : relative ;
154154
155155 & :hover {
156- color : $text-color-accent ;
156+ color : variables . $text-color-accent ;
157157 }
158158
159159 & .is-active {
160- color : $text-color-secondary ;
160+ color : variables . $text-color-secondary ;
161161 font-weight : 600 ;
162162
163163 & ::after {
@@ -169,15 +169,15 @@ $cell-width: 140px;
169169 height : 8px ;
170170 transform : rotate (45deg );
171171 background-color : #ffffff ;
172- border-top : 1px solid $border-color ;
173- border-left : 1px solid $border-color ;
172+ border-top : 1px solid variables . $border-color ;
173+ border-left : 1px solid variables . $border-color ;
174174 left : 50% ;
175175 margin-left : -4px ;
176176 }
177177 }
178178
179179 & .blue.is-active ::after {
180- background-color : $primary-light-color ;
180+ background-color : variables . $primary-light-color ;
181181 }
182182
183183 & :last-child {
@@ -231,7 +231,7 @@ $cell-width: 140px;
231231 bottom : -26px ;
232232 transform : translateX (-50% );
233233 white-space : nowrap ;
234- color : $text-color-body-copy ;
234+ color : variables . $text-color-body-copy ;
235235
236236 & .err {
237237 color : var (--error-color );
0 commit comments