Add transparent as a default border color option

This commit is contained in:
Adam Wathan 2017-10-15 17:11:01 -04:00
parent 18f4e650bd
commit fe3afe7523
3 changed files with 27 additions and 1 deletions

25
dist/tailwind.css vendored
View file

@ -1380,6 +1380,11 @@ button,
border-left: 8px solid #c5ced6;
}
.border-transparent,
.hover\:border-transparent:hover {
border-color: transparent;
}
.border-light-overlay,
.hover\:border-light-overlay:hover {
border-color: hsla(0, 0%, 0%, .2);
@ -3864,6 +3869,11 @@ button,
border-left: 8px solid #c5ced6;
}
.sm\:border-transparent,
.sm\:hover\:border-transparent:hover {
border-color: transparent;
}
.sm\:border-light-overlay,
.sm\:hover\:border-light-overlay:hover {
border-color: hsla(0, 0%, 0%, .2);
@ -6349,6 +6359,11 @@ button,
border-left: 8px solid #c5ced6;
}
.md\:border-transparent,
.md\:hover\:border-transparent:hover {
border-color: transparent;
}
.md\:border-light-overlay,
.md\:hover\:border-light-overlay:hover {
border-color: hsla(0, 0%, 0%, .2);
@ -8834,6 +8849,11 @@ button,
border-left: 8px solid #c5ced6;
}
.lg\:border-transparent,
.lg\:hover\:border-transparent:hover {
border-color: transparent;
}
.lg\:border-light-overlay,
.lg\:hover\:border-light-overlay:hover {
border-color: hsla(0, 0%, 0%, .2);
@ -11319,6 +11339,11 @@ button,
border-left: 8px solid #c5ced6;
}
.xl\:border-transparent,
.xl\:hover\:border-transparent:hover {
border-color: transparent;
}
.xl\:border-light-overlay,
.xl\:hover\:border-light-overlay:hover {
border-color: hsla(0, 0%, 0%, .2);

File diff suppressed because one or more lines are too long

View file

@ -205,6 +205,7 @@ module.exports = {
}
},
colors: {
'transparent': 'transparent',
'light-overlay': 'hsla(0,0%,0%,.2)',
'light-overlay-soft': 'hsla(0,0%,0%,.1)',
'light-overlay-softer': 'hsla(0,0%,0%,.05)',