mm
This commit is contained in:
90
packages/css/utility/display.css
Normal file
90
packages/css/utility/display.css
Normal file
@@ -0,0 +1,90 @@
|
||||
@layer utility {
|
||||
/* 基础 display */
|
||||
.display-inline {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.display-block {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.display-inline-block {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.display-flow-root {
|
||||
display: flow-root;
|
||||
}
|
||||
|
||||
.display-contents {
|
||||
display: contents;
|
||||
}
|
||||
|
||||
.display-none {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Flex */
|
||||
.display-flex {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.display-inline-flex {
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
/* Grid */
|
||||
.display-grid {
|
||||
display: grid;
|
||||
}
|
||||
|
||||
.display-inline-grid {
|
||||
display: inline-grid;
|
||||
}
|
||||
|
||||
/* Table */
|
||||
.display-table {
|
||||
display: table;
|
||||
}
|
||||
|
||||
.display-inline-table {
|
||||
display: inline-table;
|
||||
}
|
||||
|
||||
.display-table-caption {
|
||||
display: table-caption;
|
||||
}
|
||||
|
||||
.display-table-cell {
|
||||
display: table-cell;
|
||||
}
|
||||
|
||||
.display-table-column {
|
||||
display: table-column;
|
||||
}
|
||||
|
||||
.display-table-column-group {
|
||||
display: table-column-group;
|
||||
}
|
||||
|
||||
.display-table-footer-group {
|
||||
display: table-footer-group;
|
||||
}
|
||||
|
||||
.display-table-header-group {
|
||||
display: table-header-group;
|
||||
}
|
||||
|
||||
.display-table-row-group {
|
||||
display: table-row-group;
|
||||
}
|
||||
|
||||
.display-table-row {
|
||||
display: table-row;
|
||||
}
|
||||
|
||||
/* List */
|
||||
.display-list-item {
|
||||
display: list-item;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user