207 lines
4.5 KiB
CSS
207 lines
4.5 KiB
CSS
html, body {
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
body {
|
|
overflow-y: scroll;
|
|
overscroll-behavior-y: none;
|
|
}
|
|
|
|
.default {
|
|
display: flex;
|
|
flex-basis: auto;
|
|
flex-direction: column;
|
|
align-items: stretch;
|
|
flex-shrink: 0;
|
|
border: 0 solid black;
|
|
z-index: 0;
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
}
|
|
|
|
.text {
|
|
display: inline;
|
|
white-space: pre-wrap;
|
|
word-wrap: break-word;
|
|
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
|
|
}
|
|
|
|
.font {
|
|
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
|
|
}
|
|
|
|
.wrap {
|
|
white-space: pre-wrap;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.overflowWrapBreakWord {
|
|
overflow-wrap: break-word;
|
|
}
|
|
|
|
.inherit {
|
|
color: inherit;
|
|
font: inherit;
|
|
white-space: inherit;
|
|
}
|
|
|
|
.flex-normal {
|
|
flex-basis: 0%;
|
|
flex-grow: 1;
|
|
flex-shrink: 1;
|
|
}
|
|
|
|
.flexGrow1 { flex-grow: 1; }
|
|
.flexShrink1 { flex-shrink: 1; }
|
|
.flexRow { flex-direction: row; }
|
|
.flexWrap { flex-wrap: wrap; }
|
|
|
|
.alignItemsEnd { align-items: flex-end; }
|
|
.alignItemsStart { align-items: flex-start; }
|
|
.alignItemsCenter { align-items: center; }
|
|
|
|
.justifyContentSpaceBetween { justify-content: space-between; }
|
|
.justifyContentCenter { justify-content: center; }
|
|
|
|
.overflowHidden {
|
|
overflow-x: hidden;
|
|
overflow-y: hidden;
|
|
}
|
|
|
|
.textOverflowEllipsis {
|
|
max-width: 100%;
|
|
overflow-x: hidden;
|
|
overflow-y: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.circle { border-radius: 9999px; }
|
|
.radiusSmall { border-radius: 4px; }
|
|
|
|
.borderColorSubtle { border-color: #e4e4e4; }
|
|
.borderRight1PX { border-right-width: 1px; }
|
|
.borderBottom1PX { border-bottom-width: 1px; }
|
|
.borderLeft1PX { border-left-width: 1px; }
|
|
|
|
.marginAuto { margin: auto; }
|
|
|
|
.displayNone { display: none; }
|
|
.displayBlock { display: block; }
|
|
.displayInline { display: inline; }
|
|
.displayFlex { display: flex !important; }
|
|
.displayInlineBlock { display: inline-block; }
|
|
|
|
.cursorPointer { cursor: pointer }
|
|
|
|
.pointerEventsAuto > * { pointer-events: auto;}
|
|
.pointerEventsNone { pointer-events: none !important; }
|
|
|
|
.backgroundPanel { background-color: #aaa; }
|
|
.backgroundSubtle { background-color: #F5F8FA; }
|
|
.backgroundWhite { background-color: #fff; }
|
|
.backgroundColorBrandLightOpaque { background-color: rgba(54, 233, 145, 0.1); }
|
|
.backgroundColorBrandLight { background-color: #36e991; }
|
|
.backgroundColorBrand { background-color: #21cf7a; }
|
|
.backgroundColorBrandDark { background-color: #38A16B; }
|
|
.colorBlack { color: #000; }
|
|
.colorWhite { color: #fff; }
|
|
.colorSubtle { color: #666; }
|
|
.colorBrand { color: #21cf7a }
|
|
.fillColorBlack { fill: #000; }
|
|
.fillColorBrand { fill: #21cf7a; }
|
|
|
|
.bottom0 { bottom: 0; }
|
|
.left0 { left: 0px; }
|
|
.right0 { right: 0px; }
|
|
.top0 { top: 0px; }
|
|
|
|
.lineHeight125 { height: 1.25em; }
|
|
.lineHeight2 { line-height: 2em; }
|
|
|
|
.positionFixed { position: fixed; }
|
|
.positionRelative { position: relative; }
|
|
.positionAbsolute { position: absolute; }
|
|
|
|
.noSelect { user-select: none; }
|
|
|
|
.height100VH { height: 100vh; }
|
|
.height100PC { height: 100%; }
|
|
.height50PX { height: 50px; }
|
|
.height72PX { height: 72px; }
|
|
.height22PX { height: 22px; }
|
|
|
|
.width1015PX { width: 1015px; }
|
|
.width660PX { width: 660px; }
|
|
.width325PX { width: 325px; }
|
|
.width250PX { width: 250px; }
|
|
.width100PC { width: 100%; }
|
|
.width72PX { width: 72px; }
|
|
.maxWidth100PC { max-width: 100%; }
|
|
|
|
.top0 { top: 0; }
|
|
.top60PC { top: 60%; }
|
|
|
|
.textAlignCenter { text-align: center; }
|
|
|
|
.fontSize19PX { font-size: 19px; }
|
|
.fontSize15PX { font-size: 15px; }
|
|
.fontSize13PX { font-size: 13px; }
|
|
|
|
.fontWeightNormal { font-weight: 400; }
|
|
.fontWeightBold { font-weight: 600; }
|
|
.fontWeightExtraBold { font-weight: 800; }
|
|
|
|
.noUnderline { text-decoration: none; }
|
|
.underline { text-decoration: underline; }
|
|
|
|
.z1 { z-index: 1; }
|
|
.z2 { z-index: 2; }
|
|
.z3 { z-index: 3; }
|
|
|
|
.marginRight10PX { margin-right: 10px; }
|
|
|
|
.marginVertical5PX {
|
|
margin-top: 5px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.marginVertical10PX {
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.marginBottom15PX { margin-bottom: 15px; }
|
|
.marginTop10PX { margin-top: 10px; }
|
|
.marginTop5PX { margin-top: 5px; }
|
|
|
|
.paddingHorizontal15PX {
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
}
|
|
.paddingRight15PX { padding-right: 15px; }
|
|
|
|
.paddingVertical10PX {
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.paddingVertical15PX {
|
|
padding-top: 15px;
|
|
padding-bottom: 15px;
|
|
}
|
|
|
|
.paddingHoizontal10PX {
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.paddingHorizontal20PX {
|
|
padding-left: 20px;
|
|
padding-right: 20px;
|
|
}
|