add border solid

This commit is contained in:
Danilo Alonso 2017-11-09 18:04:23 -05:00
parent afc41252cf
commit bc31d9765f
3 changed files with 28 additions and 0 deletions

View file

@ -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;
}

View file

@ -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>

View file

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