203 lines
3.2 KiB
CSS
203 lines
3.2 KiB
CSS
/*region Heading*/
|
|
.ui-title-1,
|
|
.ui-title-2,
|
|
.ui-title-3 {
|
|
color: #333;
|
|
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
|
|
font-weight: var(--ui-font-weight-light, 300);
|
|
}
|
|
|
|
.ui-title-4,
|
|
.ui-title-5,
|
|
.ui-title-6 {
|
|
color: #333;
|
|
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
|
|
font-weight: var(--ui-font-weight-regular, 400);
|
|
}
|
|
|
|
.ui-title-7,
|
|
.ui-title-8,
|
|
.ui-title-9 {
|
|
color: #333;
|
|
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
|
|
font-weight: var(--ui-font-weight-semi-bold, 600);
|
|
}
|
|
|
|
.ui-title-1 {
|
|
margin-bottom: 15px;
|
|
font-size: 27px;
|
|
line-height: 37px;
|
|
}
|
|
|
|
.ui-title-2 {
|
|
margin-bottom: 15px;
|
|
font-size: 24px;
|
|
line-height: 32px;
|
|
}
|
|
|
|
.ui-title-3 {
|
|
margin-bottom: 15px;
|
|
font-size: 22px;
|
|
line-height: 28px;
|
|
}
|
|
|
|
.ui-title-4 {
|
|
margin-bottom: 15px;
|
|
font-size: 18px;
|
|
line-height: 22px;
|
|
}
|
|
|
|
.ui-title-5 {
|
|
margin-bottom: 15px;
|
|
font-size: 16px;
|
|
line-height: 19px;
|
|
}
|
|
|
|
.ui-title-6 {
|
|
margin-bottom: 15px;
|
|
font-size: 15px;
|
|
line-height: 21px;
|
|
}
|
|
|
|
.ui-title-7 {
|
|
margin-bottom: 15px;
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
}
|
|
|
|
.ui-title-8 {
|
|
margin-bottom: 15px;
|
|
text-transform: uppercase;
|
|
font-size: 11px;
|
|
line-height: 16px;
|
|
}
|
|
|
|
.ui-title-9 {
|
|
margin-bottom: 15px;
|
|
font-size: 12px;
|
|
line-height: 16px;
|
|
}
|
|
|
|
/* endregion */
|
|
|
|
/*region Paragraph*/
|
|
.ui-text-1,
|
|
.ui-text-2,
|
|
.ui-text-3,
|
|
.ui-text-4 {
|
|
color: #333;
|
|
font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
|
|
}
|
|
|
|
.ui-text-1 {
|
|
margin-bottom: 10px;
|
|
font-size: 15px;
|
|
line-height: 21px;
|
|
}
|
|
|
|
.ui-text-2 {
|
|
margin-bottom: 10px;
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
}
|
|
|
|
.ui-text-3 {
|
|
margin-bottom: 10px;
|
|
font-size: 13px;
|
|
line-height: 18px;
|
|
}
|
|
|
|
.ui-text-4 {
|
|
margin-bottom: 10px;
|
|
font-size: 12px;
|
|
line-height: 16px;
|
|
}
|
|
|
|
/* endregion */
|
|
|
|
/*region Alignment text*/
|
|
.ui-text-left { text-align: left; }
|
|
|
|
.ui-text-center { text-align: center; }
|
|
|
|
.ui-text-right { text-align: right; }
|
|
|
|
/* endregion */
|
|
|
|
/*region Text color*/
|
|
.ui-color-dark { color: #333; }
|
|
|
|
.ui-color-medium { color: #515c69; }
|
|
|
|
.ui-color-light { color: #858c96; }
|
|
|
|
/* endregion */
|
|
|
|
/*region Background color*/
|
|
.ui-bg-color-dark { background-color: #535c69; }
|
|
|
|
.ui-bg-color-medium { background-color: #eef2f4; }
|
|
|
|
.ui-bg-color-light { background-color: #f8f9fa; }
|
|
|
|
.ui-bg-color-white { background-color: #fff; }
|
|
|
|
/* endregion */
|
|
|
|
/*region Horizontal line*/
|
|
.ui-hr {
|
|
margin: 5px 0 15px;
|
|
height: 1px;
|
|
border: none;
|
|
background: #edeef0;
|
|
}
|
|
|
|
/* endregion */
|
|
|
|
/*region Lists*/
|
|
.ui-list {
|
|
margin: 0 0 15px;
|
|
padding: 0;
|
|
}
|
|
|
|
.ui-list li {
|
|
margin-bottom: 15px;
|
|
padding-left: 27px;
|
|
font: 14px/20px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
|
|
}
|
|
|
|
.ui-list-icon { list-style-type: none; }
|
|
|
|
.ui-list-icon li {
|
|
position: relative;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.ui-list-icon li:after {
|
|
position: absolute;
|
|
top: 2px;
|
|
left: 0;
|
|
z-index: 1;
|
|
width: 17px;
|
|
height: 17px;
|
|
border-radius: 50%;
|
|
background-color: #2fc6f6;
|
|
content: '';
|
|
}
|
|
|
|
.ui-list-icon li:before {
|
|
position: absolute;
|
|
top: 7px;
|
|
left: 5px;
|
|
z-index: 5;
|
|
box-sizing: border-box;
|
|
width: 8px;
|
|
height: 5px;
|
|
border-bottom: 2px solid #fff;
|
|
border-left: 2px solid #fff;
|
|
background-color: transparent;
|
|
content: '';
|
|
transform: rotate(-45deg);
|
|
}
|
|
|
|
/* endregion */ |