primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-12-26 23:54:28 +03:00
Code Issues Projects Releases Wiki Activity

Using variables to set border properties

Browse Source
This commit is contained in:
Jon Rohan 2016-03-04 12:21:02 -05:00
parent 8629e4e581
commit 307529a8b3
2 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
scss/_variables.scss
View File

@ -78,6 +78,10 @@ $text-red: $red !default;
$text-white: $white !default; $text-white: $white !default;
// Border size // Border size
$border-width: 1px !default;
$border-color: $border-gray !default;
$border-style: solid !default;
$border: $border-width $border-color $border-style !default;
$border-radius: 3px !default; $border-radius: 3px !default;
// Font stacks // Font stacks

10
scss/utilities/_border.scss
View File

@ -1,9 +1,9 @@
// Border utilities // Border utilities
.border { border: 1px $border-gray solid !important; } .border { border: $border !important; }
.border-top { border-top: 1px $border-gray solid !important; } .border-top { border-top: $border !important; }
.border-right { border-right: 1px $border-gray solid !important; } .border-right { border-right: $border !important; }
.border-bottom { border-bottom: 1px $border-gray solid !important; } .border-bottom { border-bottom: $border !important; }
.border-left { border-left: 1px $border-gray solid !important; } .border-left { border-left: $border !important; }
// Border colors // Border colors
.border-blue { border-color: $border-blue !important; } .border-blue { border-color: $border-blue !important; }