mirror of
https://github.com/KevinMidboe/schleppe-lab.git
synced 2025-10-29 17:50:39 +00:00
69 lines
1.1 KiB
SCSS
69 lines
1.1 KiB
SCSS
/**
|
|
* Code formatting
|
|
*/
|
|
pre,
|
|
code {
|
|
font-size: 0.9375em;
|
|
border: 1px solid hsla(0, 0%, 100%, 0.1);
|
|
padding: 3em;
|
|
// background-color: var(--background-color);
|
|
}
|
|
|
|
code {
|
|
padding: 1px 5px;
|
|
background-color: rgba(255, 168, 106, 0.2);
|
|
color: var(--brand-color);
|
|
margin: 0 2px;
|
|
padding: 1px 6px;
|
|
border: none;
|
|
}
|
|
|
|
pre {
|
|
padding: 8px 12px;
|
|
padding: 1.25em;
|
|
overflow-x: auto;
|
|
|
|
> code {
|
|
background-color: unset;
|
|
border: 0;
|
|
padding-right: 0;
|
|
padding-left: 0;
|
|
}
|
|
}
|
|
|
|
div.highlight {
|
|
position: relative;
|
|
}
|
|
|
|
.highlight > button {
|
|
all: unset;
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: 0.3rem;
|
|
right: 1rem;
|
|
z-index: 100;
|
|
cursor: pointer;
|
|
|
|
background: hsla(0, 0%, 87.8%, 0.8) !important;
|
|
border-radius: 0 !important;
|
|
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.8) !important;
|
|
color: black;
|
|
font-size: 0.8em !important;
|
|
margin: 6px !important;
|
|
padding: 10px !important;
|
|
transition: all 0.5s ease;
|
|
}
|
|
|
|
.highlight:hover > button {
|
|
opacity: 1;
|
|
}
|
|
|
|
.highlight > button:active,
|
|
.highlight > button:focus {
|
|
opacity: 1;
|
|
}
|
|
|
|
.changelog {
|
|
float: right;
|
|
}
|