// 文字規範
|
.title {
|
font-size: 30px;
|
font-weight: bold;
|
}
|
|
.subTitle {
|
font-size: 24px;
|
font-weight: bold;
|
}
|
|
.mdTxt {
|
font-size: 20px;
|
font-weight: bold;
|
}
|
|
.p {
|
font-size: 18px;
|
}
|
|
.bold {
|
font-weight: bold;
|
}
|
|
.lighter {
|
font-weight: lighter;
|
}
|
|
.smTxt_bold {
|
font-size: 16px;
|
font-weight: bold;
|
}
|
|
.smTxt {
|
font-size: 16px;
|
}
|
|
.xsTxt {
|
font-size: 14px;
|
}
|
|
.xxsTxt {
|
font-size: 12px;
|
}
|
|
.text--bold {
|
font-weight: bold !important;
|
}
|
|
.text--regular {
|
font-weight: normal !important;
|
}
|
|
.text--center {
|
text-align: center;
|
}
|
|
.text--left {
|
text-align: left;
|
}
|
|
.text--right {
|
text-align: right;
|
}
|
|
.text--primary {
|
color: $PRIMARY_RED;
|
}
|
|
.text--black{
|
color: $PRIMARY_BLACK;
|
}
|
|
.text--orange {
|
color: $ORANGE;
|
}
|
|
.text--black{
|
color: $PRIMARY_BLACK;
|
}
|
|
.text--dark-blue {
|
color: $DARK_BLUE;
|
}
|
|
.text--prudential_grey {
|
color: $PRUDENTIAL_GREY;
|
}
|
|
.text--mid_grey {
|
color: $MID_GREY;
|
}
|
|
.text--PRIMARY_WHITE {
|
color: $PRIMARY_WHITE;
|
}
|
|
.text--middle {
|
font-size: 20px;
|
}
|
.fix-chrome-click--issue{
|
outline: none;
|
-webkit-tap-highlight-color: transparent;
|
}
|
.hint{
|
font-size: 16px;
|
color:$PRIMARY_RED;
|
font-weight: bold;
|
padding:0 10px;
|
}
|
.icon-information {
|
font-size: 18px;
|
color: $ORANGE;
|
cursor: pointer;
|
}
|
|
.text--underline {
|
text-decoration: underline;
|
}
|
|
.pam-link-button {
|
@extend .fix-chrome-click--issue;
|
@extend .smTxt;
|
@extend .text--bold;
|
@extend .text--primary;
|
@extend .cursor--pointer;
|
@extend .text--underline;
|
}
|
|
.pam-link-button--lg {
|
@extend .fix-chrome-click--issue;
|
@extend .mdTxt;
|
@extend .text--bold;
|
@extend .text--primary;
|
@extend .cursor--pointer;
|
@extend .text--underline;
|
}
|