File tree Expand file tree Collapse file tree 1 file changed +18
-0
lines changed
docs/content/4.0/utilities Expand file tree Collapse file tree 1 file changed +18
-0
lines changed Original file line number Diff line number Diff line change @@ -43,6 +43,18 @@ Change the border color using utilities built on our theme colors.
43
43
<span class =" border border-white " ></span >
44
44
{{< /example >}}
45
45
46
+ Using utilities you can change the border on one side only, or you can change all borders to make them different colors.
47
+
48
+ {{< example class="docs-example-border-utils" >}}
49
+ <span class =" border-top border-top-primary " ></span >
50
+ <span class =" border-end border-end-primary " ></span >
51
+ <span class =" border-bottom border-bottom-primary " ></span >
52
+ <span class =" border-start border-start-primary " ></span >
53
+ <span class =" border-start border-start-primary border-end border-end-danger " ></span >
54
+ <span class =" border-top border-top-primary border-end border-end-danger border-bottom border-bottom-success " ></span >
55
+ <span class =" border border-top-primary border-end-danger border-bottom-success border-start-info " ></span >
56
+ {{< /example >}}
57
+
46
58
## Border-width
47
59
48
60
{{< example class="docs-example-border-utils" >}}
@@ -51,6 +63,12 @@ Change the border color using utilities built on our theme colors.
51
63
<span class =" border border-3 " ></span >
52
64
<span class =" border border-4 " ></span >
53
65
<span class =" border border-5 " ></span >
66
+
67
+ <span class =" border-start border-start-1 " ></span >
68
+ <span class =" border-start border-start-2 " ></span >
69
+ <span class =" border-start border-start-3 " ></span >
70
+ <span class =" border-start border-start-4 " ></span >
71
+ <span class =" border-start border-start-5 " ></span >
54
72
{{< /example >}}
55
73
56
74
## Border-radius
You can’t perform that action at this time.
0 commit comments