update badge-pill border color on job listing (#1641)

* update badge-pill border color on job listing

demo/job-listing.html

@@ -776,10 +776,10 @@
                               </div>
                               <div class="col-md-auto">
                                 <div class="mt-3 badges">
-                                  <a href="#" class="badge badge-outline text-secondary border fw-normal badge-pill">PHP</a>
-                                  <a href="#" class="badge badge-outline text-secondary border fw-normal badge-pill">Laravel</a>
-                                  <a href="#" class="badge badge-outline text-secondary border fw-normal badge-pill">CSS</a>
-                                  <a href="#" class="badge badge-outline text-secondary border fw-normal badge-pill">Vue</a>
+                                  <a href="#" class="badge badge-outline text-secondary fw-normal badge-pill">PHP</a>
+                                  <a href="#" class="badge badge-outline text-secondary fw-normal badge-pill">Laravel</a>
+                                  <a href="#" class="badge badge-outline text-secondary fw-normal badge-pill">CSS</a>
+                                  <a href="#" class="badge badge-outline text-secondary fw-normal badge-pill">Vue</a>
                                 </div>
                               </div>
                             </div>
@@ -829,10 +829,10 @@
                               </div>
                               <div class="col-md-auto">
                                 <div class="mt-3 badges">
-                                  <a href="#" class="badge badge-outline text-secondary border fw-normal badge-pill">HTML</a>
-                                  <a href="#" class="badge badge-outline text-secondary border fw-normal badge-pill">CSS</a>
-                                  <a href="#" class="badge badge-outline text-secondary border fw-normal badge-pill">React</a>
-                                  <a href="#" class="badge badge-outline text-secondary border fw-normal badge-pill">+3</a>
+                                  <a href="#" class="badge badge-outline text-secondary fw-normal badge-pill">HTML</a>
+                                  <a href="#" class="badge badge-outline text-secondary fw-normal badge-pill">CSS</a>
+                                  <a href="#" class="badge badge-outline text-secondary fw-normal badge-pill">React</a>
+                                  <a href="#" class="badge badge-outline text-secondary fw-normal badge-pill">+3</a>
                                 </div>
                               </div>
                             </div>
@@ -881,9 +881,9 @@
                               </div>
                               <div class="col-md-auto">
                                 <div class="mt-3 badges">
-                                  <a href="#" class="badge badge-outline text-secondary border fw-normal badge-pill">HTML</a>
-                                  <a href="#" class="badge badge-outline text-secondary border fw-normal badge-pill">PHP</a>
-                                  <a href="#" class="badge badge-outline text-secondary border fw-normal badge-pill">Laravel</a>
+                                  <a href="#" class="badge badge-outline text-secondary fw-normal badge-pill">HTML</a>
+                                  <a href="#" class="badge badge-outline text-secondary fw-normal badge-pill">PHP</a>
+                                  <a href="#" class="badge badge-outline text-secondary fw-normal badge-pill">Laravel</a>
                                 </div>
                               </div>
                             </div>
@@ -932,10 +932,10 @@
                               </div>
                               <div class="col-md-auto">
                                 <div class="mt-3 badges">
-                                  <a href="#" class="badge badge-outline text-secondary border fw-normal badge-pill">HTML</a>
-                                  <a href="#" class="badge badge-outline text-secondary border fw-normal badge-pill">PHP</a>
-                                  <a href="#" class="badge badge-outline text-secondary border fw-normal badge-pill">CSS</a>
-                                  <a href="#" class="badge badge-outline text-secondary border fw-normal badge-pill">+2</a>
+                                  <a href="#" class="badge badge-outline text-secondary fw-normal badge-pill">HTML</a>
+                                  <a href="#" class="badge badge-outline text-secondary fw-normal badge-pill">PHP</a>
+                                  <a href="#" class="badge badge-outline text-secondary fw-normal badge-pill">CSS</a>
+                                  <a href="#" class="badge badge-outline text-secondary fw-normal badge-pill">+2</a>
                                 </div>
                               </div>
                             </div>
@@ -984,10 +984,10 @@
                               </div>
                               <div class="col-md-auto">
                                 <div class="mt-3 badges">
-                                  <a href="#" class="badge badge-outline text-secondary border fw-normal badge-pill">HTML</a>
-                                  <a href="#" class="badge badge-outline text-secondary border fw-normal badge-pill">PHP</a>
-                                  <a href="#" class="badge badge-outline text-secondary border fw-normal badge-pill">CSS</a>
-                                  <a href="#" class="badge badge-outline text-secondary border fw-normal badge-pill">+4</a>
+                                  <a href="#" class="badge badge-outline text-secondary fw-normal badge-pill">HTML</a>
+                                  <a href="#" class="badge badge-outline text-secondary fw-normal badge-pill">PHP</a>
+                                  <a href="#" class="badge badge-outline text-secondary fw-normal badge-pill">CSS</a>
+                                  <a href="#" class="badge badge-outline text-secondary fw-normal badge-pill">+4</a>
                                 </div>
                               </div>
                             </div>
@@ -1036,10 +1036,10 @@
                               </div>
                               <div class="col-md-auto">
                                 <div class="mt-3 badges">
-                                  <a href="#" class="badge badge-outline text-secondary border fw-normal badge-pill">HTML</a>
-                                  <a href="#" class="badge badge-outline text-secondary border fw-normal badge-pill">JavaScript</a>
-                                  <a href="#" class="badge badge-outline text-secondary border fw-normal badge-pill">CSS</a>
-                                  <a href="#" class="badge badge-outline text-secondary border fw-normal badge-pill">+8</a>
+                                  <a href="#" class="badge badge-outline text-secondary fw-normal badge-pill">HTML</a>
+                                  <a href="#" class="badge badge-outline text-secondary fw-normal badge-pill">JavaScript</a>
+                                  <a href="#" class="badge badge-outline text-secondary fw-normal badge-pill">CSS</a>
+                                  <a href="#" class="badge badge-outline text-secondary fw-normal badge-pill">+8</a>
                                 </div>
                               </div>
                             </div>
@@ -1089,10 +1089,10 @@
                               </div>
                               <div class="col-md-auto">
                                 <div class="mt-3 badges">
-                                  <a href="#" class="badge badge-outline text-secondary border fw-normal badge-pill">HTML</a>
-                                  <a href="#" class="badge badge-outline text-secondary border fw-normal badge-pill">JavaScript</a>
-                                  <a href="#" class="badge badge-outline text-secondary border fw-normal badge-pill">CSS</a>
-                                  <a href="#" class="badge badge-outline text-secondary border fw-normal badge-pill">+3</a>
+                                  <a href="#" class="badge badge-outline text-secondary fw-normal badge-pill">HTML</a>
+                                  <a href="#" class="badge badge-outline text-secondary fw-normal badge-pill">JavaScript</a>
+                                  <a href="#" class="badge badge-outline text-secondary fw-normal badge-pill">CSS</a>
+                                  <a href="#" class="badge badge-outline text-secondary fw-normal badge-pill">+3</a>
                                 </div>
                               </div>
                             </div>
@@ -1141,10 +1141,10 @@
                               </div>
                               <div class="col-md-auto">
                                 <div class="mt-3 badges">
-                                  <a href="#" class="badge badge-outline text-secondary border fw-normal badge-pill">PHP</a>
-                                  <a href="#" class="badge badge-outline text-secondary border fw-normal badge-pill">Laravel</a>
-                                  <a href="#" class="badge badge-outline text-secondary border fw-normal badge-pill">React</a>
-                                  <a href="#" class="badge badge-outline text-secondary border fw-normal badge-pill">+8</a>
+                                  <a href="#" class="badge badge-outline text-secondary fw-normal badge-pill">PHP</a>
+                                  <a href="#" class="badge badge-outline text-secondary fw-normal badge-pill">Laravel</a>
+                                  <a href="#" class="badge badge-outline text-secondary fw-normal badge-pill">React</a>
+                                  <a href="#" class="badge badge-outline text-secondary fw-normal badge-pill">+8</a>
                                 </div>
                               </div>
                             </div>
@@ -1193,8 +1193,8 @@
                               </div>
                               <div class="col-md-auto">
                                 <div class="mt-3 badges">
-                                  <a href="#" class="badge badge-outline text-secondary border fw-normal badge-pill">PHP</a>
-                                  <a href="#" class="badge badge-outline text-secondary border fw-normal badge-pill">Laravel</a>
+                                  <a href="#" class="badge badge-outline text-secondary fw-normal badge-pill">PHP</a>
+                                  <a href="#" class="badge badge-outline text-secondary fw-normal badge-pill">Laravel</a>
                                 </div>
                               </div>
                             </div>

src/pages/job-listing.html

@@ -99,7 +99,7 @@ menu: extra.job-listing
 									<div class="col-md-auto">
 										<div class="mt-3 badges">
 											{% for tag in job.tags %}
-											<a href="#" class="badge badge-outline text-secondary border fw-normal badge-pill">{{ tag }}</a>
+											<a href="#" class="badge badge-outline text-secondary fw-normal badge-pill">{{ tag }}</a>
 											{% endfor %}
 										</div>
 									</div>