mirror of
https://github.com/Stone-Red-Code/website.git
synced 2026-09-04 17:25:59 +02:00
92 lines
1.7 KiB
SCSS
92 lines
1.7 KiB
SCSS
// @import "~prismjs/themes/prism-tomorrow.css";
|
|
|
|
html {
|
|
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial,
|
|
sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
|
|
-ms-text-size-adjust: 100%;
|
|
-webkit-text-size-adjust: 100%;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
/**
|
|
* If you already use line highlighting
|
|
*/
|
|
|
|
/* Adjust the position of the line numbers */
|
|
.gatsby-highlight pre[class*="language-"].line-numbers {
|
|
padding-left: 2.8em;
|
|
}
|
|
|
|
/**
|
|
* If you only want to use line numbering
|
|
*/
|
|
|
|
.gatsby-highlight {
|
|
background-color: #fdf6e3;
|
|
border-radius: 0.3em;
|
|
margin: 0.5em 0;
|
|
padding: 1em;
|
|
overflow: auto;
|
|
}
|
|
|
|
.gatsby-highlight pre[class*="language-"].line-numbers {
|
|
padding: 0;
|
|
padding-left: 2.8em;
|
|
overflow: initial;
|
|
}
|
|
|
|
/* temp */
|
|
/* the tree node's style */
|
|
.tree-view {
|
|
overflow-y: hidden;
|
|
}
|
|
|
|
.tree-view_item {
|
|
display: flex;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.tree-view_item,
|
|
.tree-view_children > div {
|
|
padding: 4px 0;
|
|
}
|
|
|
|
/* style for the children nodes container */
|
|
.tree-view_children {
|
|
margin-left: 16px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: flex-start;
|
|
}
|
|
|
|
.tree-view_children-collapsed {
|
|
height: 0px;
|
|
}
|
|
|
|
.tree-view_arrow {
|
|
cursor: pointer;
|
|
margin-right: 6px;
|
|
display: inline-block;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.tree-view_arrow:after {
|
|
content: "▾";
|
|
}
|
|
|
|
/* rotate the triangle to close it */
|
|
.tree-view_arrow-collapsed {
|
|
-webkit-transform: rotate(-90deg);
|
|
-moz-transform: rotate(-90deg);
|
|
-ms-transform: rotate(-90deg);
|
|
transform: rotate(-90deg);
|
|
}
|