artin/tachyons
1
0
Fork 0
mirror of https://github.com/tachyons-css/tachyons.git synced 2026-02-06 11:46:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

Adds variables to borders module

Browse Source
This commit is contained in:
mrmrs 2023-07-12 13:32:22 -07:00
parent d53483be4c
commit 9b9aaa6fea
1 changed files with 20 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
src/_borders.css
View File

@ -21,38 +21,38 @@
*/
.ba { border-style: solid; border-width: 1px; }
.bt { border-top-style: solid; border-top-width: 1px; }
.br { border-right-style: solid; border-right-width: 1px; }
.bb { border-bottom-style: solid; border-bottom-width: 1px; }
.bl { border-left-style: solid; border-left-width: 1px; }
.ba { border-style: solid; border-width: var(--border-width, 1px); }
.bt { border-top-style: solid; border-top-width: var(--border-width, 1px); }
.br { border-right-style: solid; border-right-width: var(--border-width, 1px); }
.bb { border-bottom-style: solid; border-bottom-width: var(--border-width, 1px); }
.bl { border-left-style: solid; border-left-width: var(--border-width, 1px); }
.bn { border-style: none; border-width: 0; }
@media (--breakpoint-small) {
.ba-s { border-style: solid; border-width: 1px; }
.bt-s { border-top-style: solid; border-top-width: 1px; }
.br-s { border-right-style: solid; border-right-width: 1px; }
.bb-s { border-bottom-style: solid; border-bottom-width: 1px; }
.bl-s { border-left-style: solid; border-left-width: 1px; }
.ba-s { border-style: solid; border-width: var(--border-width, 1px); }
.bt-s { border-top-style: solid; border-top-width: var(--border-width, 1px); }
.br-s { border-right-style: solid; border-right-width: var(--border-width, 1px); }
.bb-s { border-bottom-style: solid; border-bottom-width: var(--border-width, 1px); }
.bl-s { border-left-style: solid; border-left-width: var(--border-width, 1px); }
.bn-s { border-style: none; border-width: 0; }
}
@media (--breakpoint-medium) {
.ba-m { border-style: solid; border-width: 1px; }
.bt-m { border-top-style: solid; border-top-width: 1px; }
.br-m { border-right-style: solid; border-right-width: 1px; }
.bb-m { border-bottom-style: solid; border-bottom-width: 1px; }
.bl-m { border-left-style: solid; border-left-width: 1px; }
.ba-m { border-style: solid; border-width: var(--border-width, 1px); }
.bt-m { border-top-style: solid; border-top-width: var(--border-width, 1px); }
.br-m { border-right-style: solid; border-right-width: var(--border-width, 1px); }
.bb-m { border-bottom-style: solid; border-bottom-width: var(--border-width, 1px); }
.bl-m { border-left-style: solid; border-left-width: var(--border-width, 1px); }
.bn-m { border-style: none; border-width: 0; }
}
@media (--breakpoint-large) {
.ba-l { border-style: solid; border-width: 1px; }
.bt-l { border-top-style: solid; border-top-width: 1px; }
.br-l { border-right-style: solid; border-right-width: 1px; }
.bb-l { border-bottom-style: solid; border-bottom-width: 1px; }
.bl-l { border-left-style: solid; border-left-width: 1px; }
.ba-l { border-style: solid; border-width: var(--border-width, 1px); }
.bt-l { border-top-style: solid; border-top-width: var(--border-width, 1px); }
.br-l { border-right-style: solid; border-right-width: var(--border-width, 1px); }
.bb-l { border-bottom-style: solid; border-bottom-width: var(--border-width, 1px); }
.bl-l { border-left-style: solid; border-left-width: var(--border-width, 1px); }
.bn-l { border-style: none; border-width: 0; }
}