corpus/_borders.scss at master · jamiewilson/corpus · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
//====================================================
//  Borders
//====================================================

$border-style: solid !default;
$border-color: rgba(0,0,0,0.1) !default;
$border-radius: 3px !default;

$border-1: 1px !default;
$border-2: 2px !default;
$border-3: 3px !default;

.b0 { border: none !important; }
.b1 { border: $border-1 $border-style $border-color; }
.b2 { border: $border-2 $border-style $border-color; }
.b3 { border: $border-3 $border-style $border-color; }

// Top
.bt0 { border-top: none !important; }
.bt1 { border-top: $border-1 $border-style $border-color; }
.bt2 { border-top: $border-2 $border-style $border-color; }
.bt3 { border-top: $border-3 $border-style $border-color; }

// Right
.br0 { border-right: none !important; }
.br1 { border-right: $border-1 $border-style $border-color; }
.br2 { border-right: $border-2 $border-style $border-color; }
.br3 { border-right: $border-3 $border-style $border-color; }

// Bottom
.bb0 { border-bottom: none !important; }
.bb1 { border-bottom: $border-1 $border-style $border-color; }
.bb2 { border-bottom: $border-2 $border-style $border-color; }
.bb3 { border-bottom: $border-3 $border-style $border-color; }

// Left
.bl0 { border-left: none !important; }
.bl1 { border-left: $border-1 $border-style $border-color; }
.bl2 { border-left: $border-2 $border-style $border-color; }
.bl3 { border-left: $border-3 $border-style $border-color; }

//====================================================
//  Border Radius
//====================================================

.rounded     { border-radius: $border-radius; }
.not-rounded { border-radius: 0; }
.circle      { border-radius: 50%; }