Merge pull request #171 from damusix/develop

Add border solid to borderStyle

Author: reinink

__tests__/fixtures/tailwind-output.css

@@ -2096,6 +2096,10 @@ button,
   border-color: #ffebef;
 }
 
+.border-solid {
+  border-style: solid;
+}
+
 .border-dashed {
   border-style: dashed;
 }
@@ -5048,6 +5052,10 @@ button,
     border-color: #ffebef;
   }
 
+  .sm\:border-solid {
+    border-style: solid;
+  }
+
   .sm\:border-dashed {
     border-style: dashed;
   }
@@ -8001,6 +8009,10 @@ button,
     border-color: #ffebef;
   }
 
+  .md\:border-solid {
+    border-style: solid;
+  }
+
   .md\:border-dashed {
     border-style: dashed;
   }
@@ -10954,6 +10966,10 @@ button,
     border-color: #ffebef;
   }
 
+  .lg\:border-solid {
+    border-style: solid;
+  }
+
   .lg\:border-dashed {
     border-style: dashed;
   }
@@ -13907,6 +13923,10 @@ button,
     border-color: #ffebef;
   }
 
+  .xl\:border-solid {
+    border-style: solid;
+  }
+
   .xl\:border-dashed {
     border-style: dashed;
   }

docs/source/docs/border-style.blade.md

@@ -28,6 +28,11 @@ title: "Border Style"
           </tr>
         </thead>
         <tbody class="align-baseline">
+            <tr>
+                <td class="p-2 border-t border-smoke font-mono text-xs text-purple-dark">.border-solid</td>
+                <td class="p-2 border-t border-smoke font-mono text-xs text-blue-dark">border-style: solid;</td>
+                <td class="p-2 border-t border-smoke text-sm text-grey-darker">Sets the border style on an element to solid.</td>
+            </tr>
             <tr>
                 <td class="p-2 border-t border-smoke font-mono text-xs text-purple-dark">.border-dashed</td>
                 <td class="p-2 border-t border-smoke font-mono text-xs text-blue-dark">border-style: dashed;</td>

src/generators/borderStyles.js

@@ -2,6 +2,9 @@ import defineClasses from '../util/defineClasses'
 
 export default function() {
   return defineClasses({
+    'border-solid': {
+      'border-style': 'solid',
+    },
     'border-dashed': {
       'border-style': 'dashed',
     },