teemant-react/src/components/MessageText/MessageText.module.scss

44 lines
804 B
SCSS

@use 'sass:map';
$irc-color-map: (
'white': rgb(255, 255, 255),
'black': rgb(0, 0, 0),
'blue': rgb(0, 0, 127),
'green': rgb(0, 147, 0),
'red': rgb(255, 0, 0),
'brown': rgb(127, 0, 0),
'purple': rgb(156, 0, 156),
'orange': rgb(252, 127, 0),
'yellow': rgb(255, 255, 0),
'lightgreen': rgb(0, 252, 0),
'cyan': rgb(0, 147, 147),
'lightcyan': rgb(0, 255, 255),
'lightblue': rgb(0, 0, 252),
'pink': rgb(255, 0, 255),
'grey': rgb(127, 127, 127),
'lightgrey': rgb(210, 210, 210),
);
.message {
@each $name, $color in $irc-color-map {
&-fg-#{$name} {
color: $color;
}
&-bg-#{$name} {
background-color: $color;
}
}
.bold {
font-weight: bold;
}
.italics {
font-style: italic;
}
.underline {
text-decoration: underline;
}
}