53 lines
1.2 KiB
CSS
53 lines
1.2 KiB
CSS
@tailwind base;
|
||
@tailwind components;
|
||
@tailwind utilities;
|
||
|
||
input[type='number'] {
|
||
-moz-appearance: textfield;
|
||
appearance: textfield;
|
||
}
|
||
|
||
input[type='number']::-webkit-inner-spin-button {
|
||
-webkit-appearance: none;
|
||
margin: 0;
|
||
}
|
||
|
||
input[type='number']::-webkit-outer-spin-button {
|
||
-webkit-appearance: none;
|
||
margin: 0;
|
||
}
|
||
html {
|
||
font-size: 16px;
|
||
padding: 0;
|
||
margin: 0;
|
||
box-sizing: border-box;
|
||
}
|
||
.icon {
|
||
/* em 当前元素的 font-size 值,如果元素没有显式设置 font-size，则继承父元素的 font-size。 控制与字体大小相关的属性*/
|
||
width: 2em;
|
||
height: 1em;
|
||
vertical-align: -0.15em;
|
||
fill: currentColor;
|
||
overflow: hidden;
|
||
padding-right: 0.5em;
|
||
}
|
||
.displayFlexRow{
|
||
display: flex;
|
||
justify-content: flex-start; /* 水平居中 */
|
||
align-items: center; /* 垂直居中 */
|
||
}
|
||
|
||
.displayFlexColumn{
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: flex-start; /* 水平居中 */
|
||
align-items: center; /* 垂直居中 */
|
||
}
|
||
.scrollHidden{
|
||
overflow: auto;
|
||
scrollbar-width: none; /* Firefox */
|
||
-ms-overflow-style: none; /* IE和Edge */
|
||
}
|
||
.scrollHidden::-webkit-scrollbar {
|
||
display: none; /* Chrome, Safari, Opera */
|
||
} |