mirror of
https://github.com/tailwindlabs/tailwindcss.git
synced 2025-12-08 21:36:08 +00:00
fe27356680
* WIP * run prettier * drop new lines in custom matcher Drop all newlines, let prettier handle everything for us. * add cache for the selector parser * add `@apply` tests for the universal optimizer * drop comments * initial replacements * WIP * WIP * MAKE IT WORK * Rename to resolveDefaultsAtRules * Update tests + defaults identifiers * Don't add @defaults in AOT mode Co-authored-by: Robin Malfait <malfait.robin@gmail.com>
89 lines
1.5 KiB
CSS
89 lines
1.5 KiB
CSS
.tw-container {
|
|
width: 100%;
|
|
}
|
|
@media (min-width: 640px) {
|
|
.tw-container {
|
|
max-width: 640px;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.tw-container {
|
|
max-width: 768px;
|
|
}
|
|
}
|
|
@media (min-width: 1024px) {
|
|
.tw-container {
|
|
max-width: 1024px;
|
|
}
|
|
}
|
|
@media (min-width: 1280px) {
|
|
.tw-container {
|
|
max-width: 1280px;
|
|
}
|
|
}
|
|
@media (min-width: 1536px) {
|
|
.tw-container {
|
|
max-width: 1536px;
|
|
}
|
|
}
|
|
.tw-btn-prefix {
|
|
button: yes;
|
|
}
|
|
.btn-no-prefix {
|
|
button: yes;
|
|
}
|
|
.custom-component {
|
|
font-weight: 700;
|
|
}
|
|
.tw-dark .tw-group:hover .custom-component {
|
|
font-weight: 400;
|
|
}
|
|
.tw--ml-4 {
|
|
margin-left: -1rem;
|
|
}
|
|
.tw-animate-ping {
|
|
animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
|
|
}
|
|
@keyframes tw-spin {
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
.tw-animate-spin {
|
|
animation: tw-spin 1s linear infinite;
|
|
}
|
|
.tw-font-bold {
|
|
font-weight: 700;
|
|
}
|
|
.tw-custom-util-prefix {
|
|
button: no;
|
|
}
|
|
.custom-util-no-prefix {
|
|
button: no;
|
|
}
|
|
.tw-group:hover .group-hover\:focus-within\:tw-text-left:focus-within {
|
|
text-align: left;
|
|
}
|
|
[dir='rtl'] .rtl\:active\:tw-text-center:active {
|
|
text-align: center;
|
|
}
|
|
@media (prefers-reduced-motion: no-preference) {
|
|
.motion-safe\:hover\:tw-text-center:hover {
|
|
text-align: center;
|
|
}
|
|
}
|
|
.tw-dark .dark\:focus\:tw-text-left:focus {
|
|
text-align: left;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md\:tw--ml-5 {
|
|
margin-left: -1.25rem;
|
|
}
|
|
.md\:hover\:tw--ml-6:hover {
|
|
margin-left: -1.5rem;
|
|
}
|
|
.md\:hover\:tw-text-right:hover {
|
|
text-align: right;
|
|
}
|
|
}
|