shhh/static/src/css/styles.css
@font-face {
font-family: "Work Sans";
src: url("/static/vendor/typeface-work-sans/files/work-sans-latin-500.woff");
}
@font-face {
font-family: "Hack";
src: url("/static/vendor/hack-font/build/web/fonts/hack-regular.woff");
}
body {
font-family: "Work Sans", sans-serif;
}
hr {
border: 0;
height: 1px;
background-image: linear-gradient(
to right,
rgba(0, 0, 0, 0.75),
rgba(0, 0, 0, 0),
rgba(0, 0, 0, 0.75)
);
}
.help {
font-size: 0.9rem;
}
.hidden {
visibility: hidden;
}
.is-family-monospace {
font-family: "Hack", monospace !important;
}
.secret-message {
white-space: pre-wrap;
word-wrap: break-word;
word-break: break-word;
overflow-wrap: break-word;
}
.notification>.copy {
right: .5em;
position: absolute;
cursor: pointer;
top: .5em;
}
/* Icons */
.feather {
width: 15px;
height: 15px;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
fill: none;
}
/* Pop animation */
.pop {
animation: pop 0.25s ease-in-out;
}
@keyframes pop {
50% {
transform: scale(1.25);
}
}