tailwindcss/tests/jit/responsive-and-variants-atrules.test.css
Adam Wathan 4bfa21f756
Support border-opacity with default border color (#4277)
* Move border reset to borderColor plugin, support opacity

* Update JIT tests

* Don't use opacity variable for default border color when borderOpacity is disabled

* Fix tests
2021-05-08 06:59:14 -04:00

72 lines
1.3 KiB
CSS

*,
::before,
::after {
--tw-border-opacity: 1;
border-color: rgba(229, 231, 235, var(--tw-border-opacity));
}
* {
--tw-shadow: 0 0 #0000;
--tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgba(59, 130, 246, 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
}
.responsive-in-components {
color: blue;
}
.variants-in-components {
color: red;
}
.both-in-components {
color: green;
}
.responsive-in-utilities {
color: blue;
}
.variants-in-utilities {
color: red;
}
.both-in-utilities {
color: green;
}
.responsive-at-root {
color: white;
}
.variants-at-root {
color: orange;
}
.both-at-root {
color: pink;
}
@media (min-width: 768px) {
.md\:focus\:responsive-in-components:focus {
color: blue;
}
.md\:focus\:variants-in-components:focus {
color: red;
}
.md\:focus\:both-in-components:focus {
color: green;
}
.md\:focus\:responsive-in-utilities:focus {
color: blue;
}
.md\:focus\:variants-in-utilities:focus {
color: red;
}
.md\:focus\:both-in-utilities:focus {
color: green;
}
.md\:focus\:responsive-at-root:focus {
color: white;
}
.md\:focus\:variants-at-root:focus {
color: orange;
}
.md\:focus\:both-at-root:focus {
color: pink;
}
}