-
Notifications
You must be signed in to change notification settings - Fork 2
Expand file tree
/
Copy pathborder.scss
More file actions
133 lines (133 loc) · 2.87 KB
/
Copy pathborder.scss
File metadata and controls
133 lines (133 loc) · 2.87 KB
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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
.border {
// will create a solid border in all directions or none
@if ($config-border) {
@each $width in $border-widths {
&--#{$width} {
border: #{$width}px
}
}
}
// Sides
//
// Specifies the border width of a particular side. Useful for definition in
// your projects.
@if ($config-border-sides) {
@each $side in $sides {
&-#{$side} {
@each $width in $border-widths {
&-width--#{$width} {
border-#{$side}-width: #{$width}px
}
}
}
}
}
// Border collapse
//
// Set the collapsing borders model for two tables
@if ($config-border-collapse) {
&-collapse {
@each $border in $border-collapses {
&--#{$border} {
border-collapse: $border
}
}
}
}
// Border color
//
// Set the color for borders
@if ($config-border-color) {
&-color {
@each $name, $color in $colors {
&--#{$name} {
border-color: $color
}
}
}
}
// Border radius
//
// Add rounded corners to divs.
@if ($config-border-radius) {
&-radius {
@each $border in $border-radius {
&--#{$border} {
border-radius: #{$border}px
}
}
}
}
// Border radius with sides
//
// Activate this option if you specifically work with radiuses and
// need to apply them to specific places.
@if ($config-border-sides-radius) {
@each $side in $sides {
&-#{$side} {
@each $radius in $border-radius {
&-radius--#{$radius} {
border-#{$side}-radius: #{$radius}px
}
}
}
}
}
// Border Style
//
// Set a style for the border (all of the sides)
@if ($config-border-style) {
&-style {
@each $style in $border-styles {
&--#{$style} {
border-style: $style
}
}
}
}
// Border color with sides
//
// Set a style for the border (all of the sides)
@if ($config-border-sides-color) {
@each $side in $sides {
&-#{$side} {
&-color {
@each $name, $color in $colors {
&--#{$name} {
border-#{$side}-color: $color
}
}
}
}
}
}
// Border Style with sides
//
// Set a style for the border (all of the sides)
@if ($config-border-sides-style) {
@each $side in $sides {
&-#{$side} {
&-style {
@each $style in $border-styles {
&--#{$style} {
border-#{$side}-style: $style
}
}
}
}
}
}
// border-width
//
// The border-width property sets the width of an element's four
// borders. This property can have from one to four values.
@if ($config-border-width) {
@each $width in $border-widths {
&-width {
&--#{$width} {
border-width: #{$width}px
}
}
}
}
}