// Colors styles
// ----------------------------------------------
/* SG
# Colors/structure
```
```
*/
@import '../cdb-variables/colors';
.box {
display: inline-block;
width: 120px;
height: 64px;
margin: 0 24px 24px 0;
}
.Color-Blue {
background: $cBlue;
}
.Color-White {
border: 1px solid #E5E5E5;
background: $cWhite;
}
.Color-Dark {
background: $cBlack;
}
.Color-MainDark {
background: $cMainBg;
}
.Color-SecondaryDark {
background: $cSecondaryDark;
}
.Color-SecondaryBackground {
background: $cSecondaryBackground;
}
.Color-ThirdBackground {
background: $cThirdBackground;
}
/* SG
# Colors/line
```
```
*/
.Color-HoverLine {
background: $cHoverLine;
}
.Color-MainLine {
background: $cMainLine;
}
.Color-SecondaryLine {
background: $cSecondaryLine;
}
/* SG
# Colors/typography
```
```
*/
.Color-Type02 {
background: $cSecondaryText;
}
.Color-Type03 {
background: $cAltText;
}
.Color-Type04 {
background: $cHintText;
}
/* SG
# Colors/other
```
```
*/
.Color-Higlight {
background: $cHighlight;
}
.Color-Alert {
background: $cAlert;
}
.Color-Public {
background: $cPublic;
}
.Color-Link {
background: $cLink;
}
.Color-Password {
background: $cPassword;
}
.Color-Error {
background: $cError;
}