Skip to content

Commit

Permalink
Update fixture with new preflight comments
Browse files Browse the repository at this point in the history
  • Loading branch information
adamwathan committed Jan 30, 2018
1 parent 357c873 commit ffabb9f
Showing 1 changed file with 30 additions and 0 deletions.
30 changes: 30 additions & 0 deletions __tests__/fixtures/tailwind-output.css
Original file line number Diff line number Diff line change
Expand Up @@ -532,6 +532,22 @@ ul {
* Tailwind custom reset styles
*/

/**
* Allow adding a border to an element by just adding a border-width.
*
* By default, the way the browser specifies that an element should have no
* border is by setting it's border-style to `none` in the user-agent
* stylesheet.
*
* In order to easily add borders to elements by just setting the `border-width`
* property, we change the default border-style for all elements to `solid`, and
* use border-width to hide them instead. This way our `border` utilities only
* need to set the `border-width` property instead of the entire `border`
* shorthand, making our border utilities much more straightforward to compose.
*
* https://github.com/tailwindcss/tailwindcss/pull/116
*/

*,
*::before,
*::after {
Expand All @@ -540,6 +556,20 @@ ul {
border-color: #dae1e7;
}

/**
* Undo the `border-style: none` reset that Normalize applies to images so that
* our `border-{width}` utilities have the expected effect.
*
* The Normalize reset is unnecessary for us since we default the border-width
* to 0 on all elements.
*
* https://github.com/tailwindcss/tailwindcss/issues/362
*/

img {
border-style: solid;
}

/**
* Temporary reset for a change introduced in Chrome 62 but now reverted.
*
Expand Down

0 comments on commit ffabb9f

Please sign in to comment.