24 lines
555 B
SCSS
24 lines
555 B
SCSS
// Watermark
|
|
//
|
|
// Make the element appear beneath sibling elements, like a watermark.
|
|
//
|
|
// Markup: watermark.twig
|
|
//
|
|
// Style guide: components.watermark
|
|
|
|
.watermark,
|
|
%watermark {
|
|
@include typeface(compact);
|
|
display: block;
|
|
height: 0;
|
|
overflow: visible;
|
|
// Remove background highlighting from <mark> in normalize.
|
|
background-color: transparent;
|
|
color: color(watermark);
|
|
font-size: 75px;
|
|
line-height: 1;
|
|
text-align: center;
|
|
// sass-lint:disable no-color-literals
|
|
text-shadow: 0 0 1px rgba(0, 0, 0, .1);
|
|
word-wrap: break-word;
|
|
}
|