diff options
Diffstat (limited to 'src/css/imports/_border-widths.css')
| -rwxr-xr-x | src/css/imports/_border-widths.css | 24 |
1 files changed, 12 insertions, 12 deletions
diff --git a/src/css/imports/_border-widths.css b/src/css/imports/_border-widths.css index e3b6885..2af7d7e 100755 --- a/src/css/imports/_border-widths.css +++ b/src/css/imports/_border-widths.css @@ -23,9 +23,9 @@ .bw0 { border-width: 0; } .bw1 { border-width: .125rem; } -.bw2 { border-width: .25rem; } -.bw3 { border-width: .5rem; } -.bw4 { border-width: 1rem; } +.bw2 { border-width: var(--spacing-extra-small); } +.bw3 { border-width: var(--spacing-small); } +.bw4 { border-width: var(--spacing-medium); } .bw5 { border-width: 2rem; } /* Resets */ @@ -37,9 +37,9 @@ @media (--breakpoint-not-small) { .bw0-ns { border-width: 0; } .bw1-ns { border-width: .125rem; } - .bw2-ns { border-width: .25rem; } - .bw3-ns { border-width: .5rem; } - .bw4-ns { border-width: 1rem; } + .bw2-ns { border-width: var(--spacing-extra-small); } + .bw3-ns { border-width: var(--spacing-small); } + .bw4-ns { border-width: var(--spacing-medium); } .bw5-ns { border-width: 2rem; } .bt-0-ns { border-top-width: 0; } .br-0-ns { border-right-width: 0; } @@ -50,9 +50,9 @@ @media (--breakpoint-medium) { .bw0-m { border-width: 0; } .bw1-m { border-width: .125rem; } - .bw2-m { border-width: .25rem; } - .bw3-m { border-width: .5rem; } - .bw4-m { border-width: 1rem; } + .bw2-m { border-width: var(--spacing-extra-small); } + .bw3-m { border-width: var(--spacing-small); } + .bw4-m { border-width: var(--spacing-medium); } .bw5-m { border-width: 2rem; } .bt-0-m { border-top-width: 0; } .br-0-m { border-right-width: 0; } @@ -63,9 +63,9 @@ @media (--breakpoint-large) { .bw0-l { border-width: 0; } .bw1-l { border-width: .125rem; } - .bw2-l { border-width: .25rem; } - .bw3-l { border-width: .5rem; } - .bw4-l { border-width: 1rem; } + .bw2-l { border-width: var(--spacing-extra-small); } + .bw3-l { border-width: var(--spacing-small); } + .bw4-l { border-width: var(--spacing-medium); } .bw5-l { border-width: 2rem; } .bt-0-l { border-top-width: 0; } .br-0-l { border-right-width: 0; } |
