File: //var/www/quadcode.com/src/scss/trading-platform/mixins.scss
@mixin titleBlock {
font-size: 72px;
font-weight: 700;
line-height: 72px;
@include breakpoint-down('deskL') {
font-size: 42px;
line-height: 46.2px;
}
@include breakpoint-down('deskS') {
font-size: 36px;
line-height: 36px;
}
@include breakpoint-down('tabM') {
font-size: 31px;
line-height: 31px;
}
}
@mixin underTitle {
font-size: 24px;
font-weight: 700;
line-height: 28.8px;
@include breakpoint-down('deskL') {
font-size: 18px;
line-height: 19.8px;
}
@include breakpoint-down('deskS') {
font-size: 16px;
line-height: 22.4px;
}
@include breakpoint-down('tabM') {
font-size: 16px;
line-height: 17.6px;
}
}
@mixin text {
font-size: 24px;
line-height: 30px;
@include breakpoint-down('deskL') {
font-size: 18px;
line-height: 25.2px;
}
@include breakpoint-down('deskS') {
font-size: 16px;
line-height: 19.49px;
}
@include breakpoint-down('tabM') {
font-size: 12px;
line-height: 14.4px;
}
}
@mixin heading1 {
font-size: 56px;
line-height: 56px;
@include breakpoint-down('deskL') {
font-size: 42px;
line-height: 46.2px;
}
@include breakpoint-down('deskS') {
font-size: 36px;
line-height: 36px;
}
}
@mixin heading2 {
font-size: 30px;
line-height: 33px;
font-weight: 700;
@include breakpoint-down('deskL') {
font-size: 18px;
line-height: 19.8px;
}
@include breakpoint-down('deskS') {
font-size: 12px;
line-height: 14.4px;
}
}
@mixin heading3 {
font-size: 24px;
line-height: 28.8px;
font-weight: 700;
@include breakpoint-down('deskL') {
font-size: 18px;
line-height: 19.8px;
}
@include breakpoint-down('deskS') {
font-size: 12px;
line-height: 14.4px;
}
}
@mixin accent {
font-size: 20px;
line-height: 24px;
}
@mixin subtext {
font-size: 16px;
line-height: 20px;
@include breakpoint-down('deskL') {
font-size: 14px;
line-height: 16.8px;
}
@include breakpoint-down('tabL') {
font-size: 12px;
line-height: 14.4px;
}
}