Skip to content

Commit cba7219

Browse files
author
mrmrs
committed
Better borders
1 parent 3969243 commit cba7219

File tree

2 files changed

+116
-116
lines changed

2 files changed

+116
-116
lines changed

‎index.html

Lines changed: 58 additions & 58 deletions
Original file line numberDiff line numberDiff line change
@@ -795,65 +795,65 @@ <h3 class="f6 ttu fw6 mt0 mb3 bb pb2">Border Colors</h3>
795795
<div class="dt-ns dt--fixed-ns">
796796
<div class="dtc-ns v-mid pr4">
797797

798-
<div class="ba black b--black db pa3 mb3">b--black</div>
799-
<div class="ba black-90 b--black-90 db pa3 mb3">b--black-90</div>
800-
<div class="ba black-80 b--black-80 db pa3 mb3">b--black-80</div>
801-
<div class="ba black-70 b--black-70 db pa3 mb3">b--black-70</div>
802-
<div class="ba black-60 b--black-60 db pa3 mb3">b--black-60</div>
803-
<div class="ba black-50 b--black-50 db pa3 mb3">b--black-50</div>
804-
<div class="ba black-40 b--black-40 db pa3 mb3">b--black-40</div>
805-
<div class="ba black-30 b--black-30 db pa3 mb3">b--black-30</div>
806-
<div class="ba black-20 b--black-20 db pa3 mb3">b--black-20</div>
807-
<div class="ba black-10 b--black-10 db pa3 mb3">b--black-10</div>
808-
<div class="ba black-05 b--black-05 db pa3 mb3">b--black-05</div>
809-
<div class="ba black-025 b--black-025 db pa3 mb3">b--black-025</div>
810-
<div class="ba black-0125 b--black-0125 db pa3 mb3">b--black-0125</div>
811-
<div class="ba near-black b--near-black db pa3 mb3">b--near-black</div>
812-
<div class="ba dark-gray b--dark-gray db pa3 mb3">b--dark-gray</div>
813-
<div class="ba mid-gray b--mid-gray db pa3 mb3">b--mid-gray</div>
814-
<div class="ba gray b--gray db pa3 mb3">b--gray</div>
798+
<div class="bt black b--black db pt2 pb2 mb3">b--black</div>
799+
<div class="bt black-90 b--black-90 db pt2 pb2 mb3">b--black-90</div>
800+
<div class="bt black-80 b--black-80 db pt2 pb2 mb3">b--black-80</div>
801+
<div class="bt black-70 b--black-70 db pt2 pb2 mb3">b--black-70</div>
802+
<div class="bt black-60 b--black-60 db pt2 pb2 mb3">b--black-60</div>
803+
<div class="bt black-50 b--black-50 db pt2 pb2 mb3">b--black-50</div>
804+
<div class="bt black-40 b--black-40 db pt2 pb2 mb3">b--black-40</div>
805+
<div class="bt black-30 b--black-30 db pt2 pb2 mb3">b--black-30</div>
806+
<div class="bt black-20 b--black-20 db pt2 pb2 mb3">b--black-20</div>
807+
<div class="bt black-10 b--black-10 db pt2 pb2 mb3">b--black-10</div>
808+
<div class="bt black-05 b--black-05 db pt2 pb2 mb3">b--black-05</div>
809+
<div class="bt black-025 b--black-025 db pt2 pb2 mb3">b--black-025</div>
810+
<div class="bt black-0125 b--black-0125 db pt2 pb2 mb3">b--black-0125</div>
811+
<div class="bt near-black b--near-black db pt2 pb2 mb3">b--near-black</div>
812+
<div class="bt dark-gray b--dark-gray db pt2 pb2 mb3">b--dark-gray</div>
813+
<div class="bt mid-gray b--mid-gray db pt2 pb2 mb3">b--mid-gray</div>
814+
<div class="bt gray b--gray db pt2 pb2 mb3">b--gray</div>
815815
<div class="bg-black pa2 db">
816-
<div class="ba silver silver b--silver db pa3 mb3">b--silver</div>
817-
<div class="ba light-silver b--light-silver db pa3 mb3">b--light-silver</div>
818-
<div class="ba light-gray b--light-gray db pa3 mb3">b--light-gray</div>
819-
<div class="ba near-white b--near-white db pa3 mb3">b--near-white</div>
820-
<div class="ba white b--white db pa3 mb3">b--white</div>
821-
<div class="ba white-90 b--white-90 db pa3 mb3">b--white-90</div>
822-
<div class="ba white-80 b--white-80 db pa3 mb3">b--white-80</div>
823-
<div class="ba white-70 b--white-70 db pa3 mb3">b--white-70</div>
824-
<div class="ba white-60 b--white-60 db pa3 mb3">b--white-60</div>
825-
<div class="ba white-50 b--white-50 db pa3 mb3">b--white-50</div>
826-
<div class="ba white-40 b--white-40 db pa3 mb3">b--white-40</div>
827-
<div class="ba white-30 b--white-30 db pa3 mb3">b--white-30</div>
828-
<div class="ba white-20 b--white-20 db pa3 mb3">b--white-20</div>
829-
<div class="ba white-10 b--white-10 db pa3 mb3">b--white-10</div>
830-
<div class="ba white-05 b--white-05 db pa3 mb3">b--white-05</div>
831-
<div class="ba white-025 b--white-025 db pa3 mb3">b--white-025</div>
832-
<div class="ba white-0125 b--white-0125 db pa3 mb3">b--white-0125</div>
833-
<div class="ba dark-red b--dark-red db pa3 mb3">b--dark-red</div>
834-
<div class="ba red b--red db pa3 mb3">b--red</div>
835-
<div class="ba orange b--orange db pa3 mb3">b--orange</div>
836-
<div class="ba gold b--gold db pa3 mb3">b--gold</div>
837-
<div class="ba yellow b--yellow db pa3 mb3">b--yellow</div>
838-
<div class="ba purple b--purple db pa3 mb3">b--purple</div>
839-
<div class="ba light-purple b--light-purple db pa3 mb3">b--light-purple</div>
840-
<div class="ba hot-pink b--hot-pink db pa3 mb3">b--hot-pink</div>
841-
<div class="ba dark-pink b--dark-pink db pa3 mb3">b--dark-pink</div>
842-
<div class="ba pink b--pink db pa3 mb3">b--pink</div>
843-
<div class="ba dark-green b--dark-green db pa3 mb3">b--dark-green</div>
844-
<div class="ba green b--green db pa3 mb3">b--green</div>
845-
<div class="ba navy b--navy db pa3 mb3">b--navy</div>
846-
<div class="ba dark-blue b--dark-blue db pa3 mb3">b--dark-blue</div>
847-
<div class="ba blue b--blue db pa3 mb3">b--blue</div>
848-
<div class="ba light-blue b--light-blue db pa3 mb3">b--light-blue</div>
849-
<div class="ba lightest-blue b--lightest-blue db pa3 mb3">b--lightest-blue</div>
850-
<div class="ba washed-blue b--washed-blue db pa3 mb3">b--washed-blue</div>
851-
<div class="ba washed-green b--washed-green db pa3 mb3">b--washed-green</div>
852-
<div class="ba washed-yellow b--washed-yellow db pa3 mb3">b--washed-yellow</div>
853-
<div class="ba light-pink b--light-pink db pa3 mb3">b--light-pink</div>
854-
<div class="ba light-yellow b--light-yellow db pa3 mb3">b--light-yellow</div>
855-
<div class="ba light-red b--light-red db pa3 mb3">b--light-red</div>
856-
<div class="ba transparent b--transparent db pa3 mb3">b--transparent</div>
816+
<div class="bt silver silver b--silver db pt2 pb2 mb3">b--silver</div>
817+
<div class="bt light-silver b--light-silver db pt2 pb2 mb3">b--light-silver</div>
818+
<div class="bt light-gray b--light-gray db pt2 pb2 mb3">b--light-gray</div>
819+
<div class="bt near-white b--near-white db pt2 pb2 mb3">b--near-white</div>
820+
<div class="bt white b--white db pt2 pb2 mb3">b--white</div>
821+
<div class="bt white-90 b--white-90 db pt2 pb2 mb3">b--white-90</div>
822+
<div class="bt white-80 b--white-80 db pt2 pb2 mb3">b--white-80</div>
823+
<div class="bt white-70 b--white-70 db pt2 pb2 mb3">b--white-70</div>
824+
<div class="bt white-60 b--white-60 db pt2 pb2 mb3">b--white-60</div>
825+
<div class="bt white-50 b--white-50 db pt2 pb2 mb3">b--white-50</div>
826+
<div class="bt white-40 b--white-40 db pt2 pb2 mb3">b--white-40</div>
827+
<div class="bt white-30 b--white-30 db pt2 pb2 mb3">b--white-30</div>
828+
<div class="bt white-20 b--white-20 db pt2 pb2 mb3">b--white-20</div>
829+
<div class="bt white-10 b--white-10 db pt2 pb2 mb3">b--white-10</div>
830+
<div class="bt white-05 b--white-05 db pt2 pb2 mb3">b--white-05</div>
831+
<div class="bt white-025 b--white-025 db pt2 pb2 mb3">b--white-025</div>
832+
<div class="bt white-0125 b--white-0125 db pt2 pb2 mb3">b--white-0125</div>
833+
<div class="bt dark-red b--dark-red db pt2 pb2 mb3">b--dark-red</div>
834+
<div class="bt red b--red db pt2 pb2 mb3">b--red</div>
835+
<div class="bt orange b--orange db pt2 pb2 mb3">b--orange</div>
836+
<div class="bt gold b--gold db pt2 pb2 mb3">b--gold</div>
837+
<div class="bt yellow b--yellow db pt2 pb2 mb3">b--yellow</div>
838+
<div class="bt purple b--purple db pt2 pb2 mb3">b--purple</div>
839+
<div class="bt light-purple b--light-purple db pt2 pb2 mb3">b--light-purple</div>
840+
<div class="bt hot-pink b--hot-pink db pt2 pb2 mb3">b--hot-pink</div>
841+
<div class="bt dark-pink b--dark-pink db pt2 pb2 mb3">b--dark-pink</div>
842+
<div class="bt pink b--pink db pt2 pb2 mb3">b--pink</div>
843+
<div class="bt dark-green b--dark-green db pt2 pb2 mb3">b--dark-green</div>
844+
<div class="bt green b--green db pt2 pb2 mb3">b--green</div>
845+
<div class="bt navy b--navy db pt2 pb2 mb3">b--navy</div>
846+
<div class="bt dark-blue b--dark-blue db pt2 pb2 mb3">b--dark-blue</div>
847+
<div class="bt blue b--blue db pt2 pb2 mb3">b--blue</div>
848+
<div class="bt light-blue b--light-blue db pt2 pb2 mb3">b--light-blue</div>
849+
<div class="bt lightest-blue b--lightest-blue db pt2 pb2 mb3">b--lightest-blue</div>
850+
<div class="bt washed-blue b--washed-blue db pt2 pb2 mb3">b--washed-blue</div>
851+
<div class="bt washed-green b--washed-green db pt2 pb2 mb3">b--washed-green</div>
852+
<div class="bt washed-yellow b--washed-yellow db pt2 pb2 mb3">b--washed-yellow</div>
853+
<div class="bt light-pink b--light-pink db pt2 pb2 mb3">b--light-pink</div>
854+
<div class="bt light-yellow b--light-yellow db pt2 pb2 mb3">b--light-yellow</div>
855+
<div class="bt light-red b--light-red db pt2 pb2 mb3">b--light-red</div>
856+
<div class="bt transparent b--transparent db pt2 pb2 mb3">b--transparent</div>
857857
</div>
858858
</div>
859859
<div class="dtc-ns v-mid">

‎src/templates/index.html

Lines changed: 58 additions & 58 deletions
Original file line numberDiff line numberDiff line change
@@ -752,65 +752,65 @@ <h3 class="f6 ttu fw6 mt0 mb3 bb pb2">Border Colors</h3>
752752
<div class="dt-ns dt--fixed-ns">
753753
<div class="dtc-ns v-mid pr4">
754754

755-
<div class="ba black b--black db pa3 mb3">b--black</div>
756-
<div class="ba black-90 b--black-90 db pa3 mb3">b--black-90</div>
757-
<div class="ba black-80 b--black-80 db pa3 mb3">b--black-80</div>
758-
<div class="ba black-70 b--black-70 db pa3 mb3">b--black-70</div>
759-
<div class="ba black-60 b--black-60 db pa3 mb3">b--black-60</div>
760-
<div class="ba black-50 b--black-50 db pa3 mb3">b--black-50</div>
761-
<div class="ba black-40 b--black-40 db pa3 mb3">b--black-40</div>
762-
<div class="ba black-30 b--black-30 db pa3 mb3">b--black-30</div>
763-
<div class="ba black-20 b--black-20 db pa3 mb3">b--black-20</div>
764-
<div class="ba black-10 b--black-10 db pa3 mb3">b--black-10</div>
765-
<div class="ba black-05 b--black-05 db pa3 mb3">b--black-05</div>
766-
<div class="ba black-025 b--black-025 db pa3 mb3">b--black-025</div>
767-
<div class="ba black-0125 b--black-0125 db pa3 mb3">b--black-0125</div>
768-
<div class="ba near-black b--near-black db pa3 mb3">b--near-black</div>
769-
<div class="ba dark-gray b--dark-gray db pa3 mb3">b--dark-gray</div>
770-
<div class="ba mid-gray b--mid-gray db pa3 mb3">b--mid-gray</div>
771-
<div class="ba gray b--gray db pa3 mb3">b--gray</div>
755+
<div class="bt black b--black db pt2 pb2 mb3">b--black</div>
756+
<div class="bt black-90 b--black-90 db pt2 pb2 mb3">b--black-90</div>
757+
<div class="bt black-80 b--black-80 db pt2 pb2 mb3">b--black-80</div>
758+
<div class="bt black-70 b--black-70 db pt2 pb2 mb3">b--black-70</div>
759+
<div class="bt black-60 b--black-60 db pt2 pb2 mb3">b--black-60</div>
760+
<div class="bt black-50 b--black-50 db pt2 pb2 mb3">b--black-50</div>
761+
<div class="bt black-40 b--black-40 db pt2 pb2 mb3">b--black-40</div>
762+
<div class="bt black-30 b--black-30 db pt2 pb2 mb3">b--black-30</div>
763+
<div class="bt black-20 b--black-20 db pt2 pb2 mb3">b--black-20</div>
764+
<div class="bt black-10 b--black-10 db pt2 pb2 mb3">b--black-10</div>
765+
<div class="bt black-05 b--black-05 db pt2 pb2 mb3">b--black-05</div>
766+
<div class="bt black-025 b--black-025 db pt2 pb2 mb3">b--black-025</div>
767+
<div class="bt black-0125 b--black-0125 db pt2 pb2 mb3">b--black-0125</div>
768+
<div class="bt near-black b--near-black db pt2 pb2 mb3">b--near-black</div>
769+
<div class="bt dark-gray b--dark-gray db pt2 pb2 mb3">b--dark-gray</div>
770+
<div class="bt mid-gray b--mid-gray db pt2 pb2 mb3">b--mid-gray</div>
771+
<div class="bt gray b--gray db pt2 pb2 mb3">b--gray</div>
772772
<div class="bg-black pa2 db">
773-
<div class="ba silver silver b--silver db pa3 mb3">b--silver</div>
774-
<div class="ba light-silver b--light-silver db pa3 mb3">b--light-silver</div>
775-
<div class="ba light-gray b--light-gray db pa3 mb3">b--light-gray</div>
776-
<div class="ba near-white b--near-white db pa3 mb3">b--near-white</div>
777-
<div class="ba white b--white db pa3 mb3">b--white</div>
778-
<div class="ba white-90 b--white-90 db pa3 mb3">b--white-90</div>
779-
<div class="ba white-80 b--white-80 db pa3 mb3">b--white-80</div>
780-
<div class="ba white-70 b--white-70 db pa3 mb3">b--white-70</div>
781-
<div class="ba white-60 b--white-60 db pa3 mb3">b--white-60</div>
782-
<div class="ba white-50 b--white-50 db pa3 mb3">b--white-50</div>
783-
<div class="ba white-40 b--white-40 db pa3 mb3">b--white-40</div>
784-
<div class="ba white-30 b--white-30 db pa3 mb3">b--white-30</div>
785-
<div class="ba white-20 b--white-20 db pa3 mb3">b--white-20</div>
786-
<div class="ba white-10 b--white-10 db pa3 mb3">b--white-10</div>
787-
<div class="ba white-05 b--white-05 db pa3 mb3">b--white-05</div>
788-
<div class="ba white-025 b--white-025 db pa3 mb3">b--white-025</div>
789-
<div class="ba white-0125 b--white-0125 db pa3 mb3">b--white-0125</div>
790-
<div class="ba dark-red b--dark-red db pa3 mb3">b--dark-red</div>
791-
<div class="ba red b--red db pa3 mb3">b--red</div>
792-
<div class="ba orange b--orange db pa3 mb3">b--orange</div>
793-
<div class="ba gold b--gold db pa3 mb3">b--gold</div>
794-
<div class="ba yellow b--yellow db pa3 mb3">b--yellow</div>
795-
<div class="ba purple b--purple db pa3 mb3">b--purple</div>
796-
<div class="ba light-purple b--light-purple db pa3 mb3">b--light-purple</div>
797-
<div class="ba hot-pink b--hot-pink db pa3 mb3">b--hot-pink</div>
798-
<div class="ba dark-pink b--dark-pink db pa3 mb3">b--dark-pink</div>
799-
<div class="ba pink b--pink db pa3 mb3">b--pink</div>
800-
<div class="ba dark-green b--dark-green db pa3 mb3">b--dark-green</div>
801-
<div class="ba green b--green db pa3 mb3">b--green</div>
802-
<div class="ba navy b--navy db pa3 mb3">b--navy</div>
803-
<div class="ba dark-blue b--dark-blue db pa3 mb3">b--dark-blue</div>
804-
<div class="ba blue b--blue db pa3 mb3">b--blue</div>
805-
<div class="ba light-blue b--light-blue db pa3 mb3">b--light-blue</div>
806-
<div class="ba lightest-blue b--lightest-blue db pa3 mb3">b--lightest-blue</div>
807-
<div class="ba washed-blue b--washed-blue db pa3 mb3">b--washed-blue</div>
808-
<div class="ba washed-green b--washed-green db pa3 mb3">b--washed-green</div>
809-
<div class="ba washed-yellow b--washed-yellow db pa3 mb3">b--washed-yellow</div>
810-
<div class="ba light-pink b--light-pink db pa3 mb3">b--light-pink</div>
811-
<div class="ba light-yellow b--light-yellow db pa3 mb3">b--light-yellow</div>
812-
<div class="ba light-red b--light-red db pa3 mb3">b--light-red</div>
813-
<div class="ba transparent b--transparent db pa3 mb3">b--transparent</div>
773+
<div class="bt silver silver b--silver db pt2 pb2 mb3">b--silver</div>
774+
<div class="bt light-silver b--light-silver db pt2 pb2 mb3">b--light-silver</div>
775+
<div class="bt light-gray b--light-gray db pt2 pb2 mb3">b--light-gray</div>
776+
<div class="bt near-white b--near-white db pt2 pb2 mb3">b--near-white</div>
777+
<div class="bt white b--white db pt2 pb2 mb3">b--white</div>
778+
<div class="bt white-90 b--white-90 db pt2 pb2 mb3">b--white-90</div>
779+
<div class="bt white-80 b--white-80 db pt2 pb2 mb3">b--white-80</div>
780+
<div class="bt white-70 b--white-70 db pt2 pb2 mb3">b--white-70</div>
781+
<div class="bt white-60 b--white-60 db pt2 pb2 mb3">b--white-60</div>
782+
<div class="bt white-50 b--white-50 db pt2 pb2 mb3">b--white-50</div>
783+
<div class="bt white-40 b--white-40 db pt2 pb2 mb3">b--white-40</div>
784+
<div class="bt white-30 b--white-30 db pt2 pb2 mb3">b--white-30</div>
785+
<div class="bt white-20 b--white-20 db pt2 pb2 mb3">b--white-20</div>
786+
<div class="bt white-10 b--white-10 db pt2 pb2 mb3">b--white-10</div>
787+
<div class="bt white-05 b--white-05 db pt2 pb2 mb3">b--white-05</div>
788+
<div class="bt white-025 b--white-025 db pt2 pb2 mb3">b--white-025</div>
789+
<div class="bt white-0125 b--white-0125 db pt2 pb2 mb3">b--white-0125</div>
790+
<div class="bt dark-red b--dark-red db pt2 pb2 mb3">b--dark-red</div>
791+
<div class="bt red b--red db pt2 pb2 mb3">b--red</div>
792+
<div class="bt orange b--orange db pt2 pb2 mb3">b--orange</div>
793+
<div class="bt gold b--gold db pt2 pb2 mb3">b--gold</div>
794+
<div class="bt yellow b--yellow db pt2 pb2 mb3">b--yellow</div>
795+
<div class="bt purple b--purple db pt2 pb2 mb3">b--purple</div>
796+
<div class="bt light-purple b--light-purple db pt2 pb2 mb3">b--light-purple</div>
797+
<div class="bt hot-pink b--hot-pink db pt2 pb2 mb3">b--hot-pink</div>
798+
<div class="bt dark-pink b--dark-pink db pt2 pb2 mb3">b--dark-pink</div>
799+
<div class="bt pink b--pink db pt2 pb2 mb3">b--pink</div>
800+
<div class="bt dark-green b--dark-green db pt2 pb2 mb3">b--dark-green</div>
801+
<div class="bt green b--green db pt2 pb2 mb3">b--green</div>
802+
<div class="bt navy b--navy db pt2 pb2 mb3">b--navy</div>
803+
<div class="bt dark-blue b--dark-blue db pt2 pb2 mb3">b--dark-blue</div>
804+
<div class="bt blue b--blue db pt2 pb2 mb3">b--blue</div>
805+
<div class="bt light-blue b--light-blue db pt2 pb2 mb3">b--light-blue</div>
806+
<div class="bt lightest-blue b--lightest-blue db pt2 pb2 mb3">b--lightest-blue</div>
807+
<div class="bt washed-blue b--washed-blue db pt2 pb2 mb3">b--washed-blue</div>
808+
<div class="bt washed-green b--washed-green db pt2 pb2 mb3">b--washed-green</div>
809+
<div class="bt washed-yellow b--washed-yellow db pt2 pb2 mb3">b--washed-yellow</div>
810+
<div class="bt light-pink b--light-pink db pt2 pb2 mb3">b--light-pink</div>
811+
<div class="bt light-yellow b--light-yellow db pt2 pb2 mb3">b--light-yellow</div>
812+
<div class="bt light-red b--light-red db pt2 pb2 mb3">b--light-red</div>
813+
<div class="bt transparent b--transparent db pt2 pb2 mb3">b--transparent</div>
814814
</div>
815815
</div>
816816
<div class="dtc-ns v-mid">

0 commit comments

Comments
 (0)