diff options
Diffstat (limited to 'src/assets/styles/bmc/custom/_base.scss')
-rw-r--r-- | src/assets/styles/bmc/custom/_base.scss | 147 |
1 files changed, 125 insertions, 22 deletions
diff --git a/src/assets/styles/bmc/custom/_base.scss b/src/assets/styles/bmc/custom/_base.scss index dcf563d6..8281ff52 100644 --- a/src/assets/styles/bmc/custom/_base.scss +++ b/src/assets/styles/bmc/custom/_base.scss @@ -1,26 +1,22 @@ -// dt, -// legend, -// label { -// color: gray("800"); -// font-size: 14px; -// font-weight: 400; -// line-height: 1.4285; -// } - - - -h1, -.h1 { - font-size: 2.625rem; - font-weight: 300; - line-height: 1.238; +body { + overflow-y: hidden; } -h2, -.h2 { - font-size: 2.25rem; - font-weight: 300; - line-height: 1.3333; +.main-container { + overflow-y: overlay; + height: calc(100vh - 167px); + &::-webkit-scrollbar { + margin-top: $header-height; + position: absolute; + width: 10px; + } + &::-webkit-scrollbar-thumb { + margin-top: $header-height; + border: 4px solid transparent; + background: rgba(14, 32, 48, 0.384); + border-radius: 16px; + background-clip: content-box; + } } h3, @@ -51,10 +47,109 @@ h6, line-height: 1.2857; } -.text__h1 { +.regular-12px { + font-family: Inter; + font-size: 12px; + font-style: normal; + font-weight: 400; + line-height: 16px; + letter-spacing: 0em; + text-align: left; + color: $text-primary; + &.underline { + text-decoration: underline; + } + &.tretiatry { + color: $text-tretiatry; + } +} + +.light-12px { + font-family: Inter; + font-size: 12px; + font-style: normal; + font-weight: 300; + line-height: 16px; + letter-spacing: 0em; + text-align: left; + color: $text-secondary; +} + +.semi-bold-12px { + font-family: Inter; + font-size: 12px; + font-style: normal; + font-weight: 600; + line-height: 16px; + letter-spacing: 0em; + text-align: left; +} + +.semi-bold-12px__caps { + font-family: Inter; + font-size: 12px; + font-style: normal; + font-weight: 600; + line-height: 16px; + letter-spacing: 0em; + text-align: left; + text-transform: uppercase; + color: $text-primary !important; + &:hover { + color: $text-primary !important; + } +} + +.bold-12px__caps { + font-family: Inter; + font-size: 12px; + font-style: normal; + font-weight: 700; + line-height: 16px; + letter-spacing: 0em; + text-align: left; + color: $text-secondary; + text-transform: uppercase; +} + +.medium-12px { + font-family: Inter; + font-size: 12px; + font-style: normal; + font-weight: 500; + line-height: 16px; + letter-spacing: 0em; + text-align: left; + color: $text-primary; +} + +.semi-bold-16px { + font-family: Inter; + font-size: 16px; + font-style: normal; + font-weight: 600; + line-height: 20px; + color: $text-primary; +} + +.bold-16px__caps { + font-family: Inter; + font-size: 16px; + font-style: normal; + font-weight: 700; + line-height: 20px; + letter-spacing: 0em; + text-align: left; + text-transform: uppercase; + color: $text-secondary; +} + + +.bold-24px { font-family: Inter; font-style: normal; font-weight: bold; + font-weight: 700; font-size: 24px; line-height: 28px; color: $text-primary; @@ -78,4 +173,12 @@ h6, font-size: 12px; line-height: 16px; color: $login-page-description-color; +} + +.icon-expand { + height: 1.2rem; + width: 1.2rem; + float: right; + transition: 0.3s linear; + margin: $spacer/4 35px 0 auto; }
\ No newline at end of file |