82 lines
2.4 KiB
SCSS
82 lines
2.4 KiB
SCSS
|
|
// Converted Variables
|
|
|
|
|
|
// Custom Media Query Variables
|
|
|
|
|
|
/*
|
|
|
|
BORDER WIDTHS
|
|
Docs: http://tachyons.io/docs/themes/borders/
|
|
|
|
Base:
|
|
bw = border-width
|
|
|
|
Modifiers:
|
|
0 = 0 width border
|
|
1 = 1st step in border-width scale
|
|
2 = 2nd step in border-width scale
|
|
3 = 3rd step in border-width scale
|
|
4 = 4th step in border-width scale
|
|
5 = 5th step in border-width scale
|
|
|
|
Media Query Extensions:
|
|
-ns = not-small
|
|
-m = medium
|
|
-l = large
|
|
|
|
*/
|
|
|
|
.bw0 { border-width: $border-width-none; }
|
|
.bw1 { border-width: $border-width-1; }
|
|
.bw2 { border-width: $border-width-2; }
|
|
.bw3 { border-width: $border-width-3; }
|
|
.bw4 { border-width: $border-width-4; }
|
|
.bw5 { border-width: $border-width-5; }
|
|
|
|
/* Resets */
|
|
.bt-0 { border-top-width: $border-width-none }
|
|
.br-0 { border-right-width: $border-width-none }
|
|
.bb-0 { border-bottom-width: $border-width-none }
|
|
.bl-0 { border-left-width: $border-width-none }
|
|
|
|
@media #{$breakpoint-not-small} {
|
|
.bw0-ns { border-width: $border-width-none; }
|
|
.bw1-ns { border-width: $border-width-1; }
|
|
.bw2-ns { border-width: $border-width-2; }
|
|
.bw3-ns { border-width: $border-width-3; }
|
|
.bw4-ns { border-width: $border-width-4; }
|
|
.bw5-ns { border-width: $border-width-5; }
|
|
.bt-0-ns { border-top-width: $border-width-none }
|
|
.br-0-ns { border-right-width: $border-width-none }
|
|
.bb-0-ns { border-bottom-width: $border-width-none }
|
|
.bl-0-ns { border-left-width: $border-width-none }
|
|
}
|
|
|
|
@media #{$breakpoint-medium} {
|
|
.bw0-m { border-width: $border-width-none; }
|
|
.bw1-m { border-width: $border-width-1; }
|
|
.bw2-m { border-width: $border-width-2; }
|
|
.bw3-m { border-width: $border-width-3; }
|
|
.bw4-m { border-width: $border-width-4; }
|
|
.bw5-m { border-width: $border-width-5; }
|
|
.bt-0-m { border-top-width: $border-width-none }
|
|
.br-0-m { border-right-width: $border-width-none }
|
|
.bb-0-m { border-bottom-width: $border-width-none }
|
|
.bl-0-m { border-left-width: $border-width-none }
|
|
}
|
|
|
|
@media #{$breakpoint-large} {
|
|
.bw0-l { border-width: $border-width-none; }
|
|
.bw1-l { border-width: $border-width-1; }
|
|
.bw2-l { border-width: $border-width-2; }
|
|
.bw3-l { border-width: $border-width-3; }
|
|
.bw4-l { border-width: $border-width-4; }
|
|
.bw5-l { border-width: $border-width-5; }
|
|
.bt-0-l { border-top-width: $border-width-none }
|
|
.br-0-l { border-right-width: $border-width-none }
|
|
.bb-0-l { border-bottom-width: $border-width-none }
|
|
.bl-0-l { border-left-width: $border-width-none }
|
|
}
|