26 lines
1.5 KiB
CSS
26 lines
1.5 KiB
CSS
|
/* Anchors */
|
||
|
|
|
||
|
|
h1:hover .anchor:before,
|
||
|
|
h2:hover .anchor:before,
|
||
|
|
h3:hover .anchor:before,
|
||
|
|
h4:hover .anchor:before,
|
||
|
|
h5:hover .anchor:before,
|
||
|
|
h6:hover .anchor:before {
|
||
|
|
width: 16px;
|
||
|
|
height: 16px;
|
||
|
|
content: ' ';
|
||
|
|
display: inline-block;
|
||
|
|
background-color: currentColor;
|
||
|
|
-webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");
|
||
|
|
mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Wider site */
|
||
|
|
|
||
|
|
body {
|
||
|
|
max-width: 60rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
body nav:first-of-type {
|
||
|
|
padding: 0 calc((100vw - 60rem)/2);
|
||
|
|
}
|