chat-app/webpack/style.scss

52 lines
893 B
SCSS

html, body {
padding: 0;
margin: 0;
width: 100%;
height: 100%;
}
body {
background: black;
color: white;
text-shadow: 2px 2px #444;
font: 20pt Verdana;
}
#chat {
position: absolute;
bottom: 48px;
width: 97%;
margin-left: 1.5%;
#chat-messages {
.chat-message {
display: inline;
list-style: none;
}
}
#chat-input {
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
}
.spin {
animation: spin 1s linear infinite;
-webkit-animation: spin 1s linear infinite;
-moz-animation: spin 1s linear infinite;
-o-animation: spin 1s linear infinite;
-ms-animation: spin 1s linear infinite;
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}