Skip to content

Commit

Permalink
remove variable object import for simplicity
Browse files Browse the repository at this point in the history
  • Loading branch information
@achowdhry-ripple
achowdhry-ripple committed Nov 12, 2024
1 parent ea273ed commit a7cf113
Show file tree
Hide file tree
Showing 49 changed files with 622 additions and 622 deletions.
6 changes: 3 additions & 3 deletions src/containers/Accounts/AccountHeader/BalanceSelector/balance-selector.scss
View file
Original file line number Diff line number Diff line change
@@ -1,11 +1,11 @@
@use 'src/containers/shared/css/variables';
@use 'src/containers/shared/css/variables' as *;

.balance-selector {
position: relative;
display: block;
width: 100%;

@include variables.for-size(tablet-landscape-up) {
@include for-size(tablet-landscape-up) {
width: 280px;
}

Expand All @@ -27,6 +27,6 @@

.total-balance {
margin-left: auto;
color: variables.$black-40;
color: $black-40;
}
}
84 changes: 42 additions & 42 deletions src/containers/Accounts/AccountHeader/styles.scss
View file
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
@use '../../shared/css/variables';
@use '../../shared/css/variables' as *;

.account-header {
margin-bottom: 16px;

.title {
padding-bottom: 4px;
color: variables.$black-40;
color: $black-40;
font-size: 14px;
text-transform: uppercase;
@include variables.semibold;
@include semibold;
}

.box-header {
Expand All @@ -27,23 +27,23 @@
}

.badge {
border: 1px solid variables.$yellow-50;
background: variables.$yellow-50;
box-shadow: 0 1px 1px variables.$yellow-80;
color: variables.$black;
border: 1px solid $yellow-50;
background: $yellow-50;
box-shadow: 0 1px 1px $yellow-80;
color: $black;
}

.classic {
margin: 0;
color: variables.$white;
color: $white;
font-size: 20px;
@include variables.bold;
@include bold;

@include variables.for-size(tablet-landscape-up) {
@include for-size(tablet-landscape-up) {
font-size: 24px;
}

@include variables.for-size(desktop-up) {
@include for-size(desktop-up) {
font-size: 36px;
}
}
Expand All @@ -53,19 +53,19 @@
padding: 5px;
border-width: thin;
border-style: solid;
border-color: variables.$black-70;
border-color: $black-70;
margin: 0;
margin-left: 12px;
color: variables.$white;
color: $white;
font-size: 16px;
text-transform: none;
@include variables.semibold;
@include semibold;

@include variables.for-size(tablet-landscape-up) {
@include for-size(tablet-landscape-up) {
font-size: 10px;
}

@include variables.for-size(desktop-up) {
@include for-size(desktop-up) {
font-size: 20px;
}
}
Expand All @@ -75,31 +75,31 @@
padding-right: 10px;
border-bottom: none;
margin: 0;
color: variables.$white;
color: $white;
font-size: 18px;
@include variables.bold;
@include bold;

@include variables.for-size(tablet-landscape-up) {
@include for-size(tablet-landscape-up) {
font-size: 10px;
}

@include variables.for-size(desktop-up) {
@include for-size(desktop-up) {
font-size: 23px;
}
}
}

.x-address {
margin: 0;
color: variables.$white;
color: $white;
font-size: 14px;
@include variables.bold;
@include bold;

@include variables.for-size(tablet-landscape-up) {
@include for-size(tablet-landscape-up) {
font-size: 18px;
}

@include variables.for-size(desktop-up) {
@include for-size(desktop-up) {
font-size: 36px;
}
}
Expand All @@ -115,7 +115,7 @@
justify-content: space-between;
margin-top: 68px;

@include variables.for-size(desktop-up) {
@include for-size(desktop-up) {
flex-direction: row;
margin-top: 80px;
}
Expand All @@ -125,19 +125,19 @@
flex-direction: row;
justify-content: space-between;
margin-bottom: 18px;
color: variables.$white;
color: $white;

@include variables.for-size(desktop-up) {
@include for-size(desktop-up) {
flex-direction: column;
margin-bottom: 0;
}

.value {
color: variables.$white;
color: $white;
font-size: 18px;
line-height: 22.5px;
text-decoration: none;
@include variables.bold;
@include bold;
}
}
}
Expand All @@ -147,7 +147,7 @@
flex-direction: column;
gap: 16px;

@include variables.for-size(desktop-up) {
@include for-size(desktop-up) {
flex-direction: row;
}
}
Expand All @@ -157,7 +157,7 @@
width: 100%;
vertical-align: top;

@include variables.for-size(desktop-up) {
@include for-size(desktop-up) {
width: 50%;

&.first {
Expand All @@ -174,17 +174,17 @@
padding: 0;
margin-bottom: 20px;
font-size: 12px;
@include variables.bold;
@include bold;

@include variables.for-size(desktop-up) {
@include for-size(desktop-up) {
border: none;
}

.label {
color: variables.$black-40;
color: $black-40;
text-align: left;
text-transform: uppercase;
@include variables.medium;
@include medium;
}

ul {
Expand All @@ -201,18 +201,18 @@
display: inline-block;
text-transform: none;
vertical-align: middle;
@include variables.medium;
@include medium;
@extend %truncate;
}

b {
color: variables.$white;
color: $white;
word-break: break-all;
@include variables.bold;
@include bold;
}

&.flags {
color: variables.$blue-purple-30;
color: $blue-purple-30;
font-style: italic;
}
}
Expand Down Expand Up @@ -247,11 +247,11 @@
&.balance {
.value {
margin: -4px 0 5px -0.1em;
color: variables.$white;
color: $white;
font-size: 26px;
line-height: 30px;
@include variables.regular;
@include variables.for-size(desktop-up) {
@include regular;
@include for-size(desktop-up) {
font-size: 30px;
line-height: 34px;
}
Expand Down
30 changes: 15 additions & 15 deletions src/containers/Amendment/amendment.scss
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
@use '../shared/css/variables';
@use '../shared/css/variables' as *;
@use '../shared/css/table';

.amendment-summary {
Expand All @@ -14,16 +14,16 @@
display: inline-block;
margin-top: 80px;
margin-bottom: 32px;
color: variables.$white;
color: $white;
font-size: 32px;

@include variables.for-size(tablet-portrait-up) {
@include for-size(tablet-portrait-up) {
margin-top: 120px;
margin-bottom: 64px;
font-size: 42px;
}

@include variables.bold;
@include bold;
}

.rows {
Expand All @@ -42,28 +42,28 @@
.badge {
max-width: fit-content;
margin: 0;
color: variables.$black-100 !important;
color: $black-100 !important;
text-transform: capitalize;

&.voting {
background-color: variables.$black-30;
background-color: $black-30;
}

&.enabled {
background-color: variables.$green-60;
background-color: $green-60;
}

&.consensus {
margin-top: 6px;
background-color: variables.$yellow-50;
background-color: $yellow-50;
font-weight: 700 !important;
}
}

.value {
&.eta {
&.no{
color: variables.$yellow-50 !important;
color: $yellow-50 !important;
}
}
}
Expand All @@ -72,7 +72,7 @@
.unl {
display: inline-block;
margin: 0 10px;
color: variables.$green-40;
color: $green-40;
vertical-align: middle;
}
}
Expand All @@ -84,14 +84,14 @@
.votes-columns {
margin: 48px 0;

@include variables.for-size(desktop-up) {
@include for-size(desktop-up) {
display: grid;
gap: 48px;
grid-template-columns: repeat(2, 1fr);
}

.label {
@include variables.bold;
@include bold;

margin-bottom: 24px;
font-size: 24px;
Expand All @@ -105,13 +105,13 @@
margin-top: 24px;

.vals {
background: variables.$black-80;
background: $black-80;

.row {
display: flex;
overflow: hidden;
padding: 16px;
border-bottom: 1px solid variables.$black-70;
border-bottom: 1px solid $black-70;
white-space: nowrap;

.val {
Expand All @@ -124,7 +124,7 @@

.unl {
margin-left: 8px;
color: variables.$green-40;
color: $green-40;
}

.index {
Expand Down
Loading

0 comments on commit a7cf113

Please sign in to comment.