ancient-css
Version:
ANCIENT-CSS A CSS utility library
117 lines (90 loc) • 1.23 kB
CSS
.block {
display: block;
}
.flex {
display: flex;
}
.grid {
display: grid;
}
.inline {
display: inline;
}
.inline-block {
display: inline-block;
}
.inline-flex {
display: inline-flex;
}
.none {
display: none;
}
@media (min-width: 768px) {
.sm\:block {
display: block;
}
.sm\:flex {
display: flex;
}
.sm\:grid {
display: grid;
}
.sm\:inline {
display: inline;
}
.sm\:inline-block {
display: inline-block;
}
.sm\:inline-flex {
display: inline-flex;
}
.sm\:none {
display: none;
}
}
@media (min-width: 1024px) {
.md\:block {
display: block;
}
.md\:flex {
display: flex;
}
.md\:grid {
display: grid;
}
.md\:inline {
display: inline;
}
.md\:inline-block {
display: inline-block;
}
.md\:inline-flex {
display: inline-flex;
}
.md\:none {
display: none;
}
}
@media (min-width: 1280px) {
.lg\:block {
display: block;
}
.lg\:flex {
display: flex;
}
.lg\:grid {
display: grid;
}
.lg\:inline {
display: inline;
}
.lg\:inline-block {
display: inline-block;
}
.lg\:inline-flex {
display: inline-flex;
}
.lg\:none {
display: none;
}
}