b9a7eb5a98
- Modified CSS: font-size, colors, margins... - Added an ArticleContent Component that will be used for the changelog and user guide articles, which contains the styles for each titles, paragraphs, images etc. - Added link to User Guide in footer - Added a UserGuideWarning Component: <img width="332" alt="Screenshot 2024-04-17 at 18 14 48" src="https://github.com/twentyhq/twenty/assets/102751374/0f5c601b-a2c0-4c63-baeb-1990d65fc332"> - Added a UserGuideEditContent Component: <img width="394" alt="Screenshot 2024-04-17 at 18 16 24" src="https://github.com/twentyhq/twenty/assets/102751374/6c7c3bd4-c5bb-4d02-8f93-bd99bc30ce7b"> - Added a UserGuideLink Component (for usage in MDX to allow links to open in new tab) - Fixed table of content - Made responsive --------- Co-authored-by: Ady Beraud <a.beraud96@gmail.com> Co-authored-by: Félix Malfait <felix.malfait@gmail.com>
132 lines
2.0 KiB
CSS
132 lines
2.0 KiB
CSS
*,
|
|
*::before,
|
|
*::after {
|
|
box-sizing: border-box;
|
|
font-smooth: antialiased;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
body {
|
|
box-sizing: border-box;
|
|
padding: 0;
|
|
margin: 0;
|
|
word-wrap: break-word;
|
|
font-family: var(--font-gabarito);
|
|
}
|
|
|
|
@media (max-width: 810px) {
|
|
body {
|
|
-ms-overflow-style: none;
|
|
scrollbar-width: none;
|
|
}
|
|
|
|
body::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
padding-top: 53px;
|
|
}
|
|
|
|
.warning {
|
|
color: rgb(94, 30, 4);
|
|
}
|
|
|
|
a {
|
|
color: rgb(129, 129, 129);
|
|
&:hover {
|
|
color: #000;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 1199px) {
|
|
nav {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
html {
|
|
scroll-behavior: smooth;
|
|
}
|
|
|
|
nav.toc {
|
|
width: 20%;
|
|
position: fixed;
|
|
top: 135px;
|
|
right: 0;
|
|
font-family: var(--font-gabarito);
|
|
font-size: 12px;
|
|
}
|
|
|
|
nav.toc ol {
|
|
list-style-type: none;
|
|
margin-top: 0px;
|
|
}
|
|
|
|
nav.toc li {
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.toc-link {
|
|
padding: 5px;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.toc-link.toc-link-h2 {
|
|
color: rgb(129, 129, 129);
|
|
margin-left: -16px;
|
|
}
|
|
|
|
.toc-link.toc-link-h2:hover,.toc-link.toc-link-h3:hover, .toc-link.toc-link-h4:hover, .toc-link.toc-link-h5:hover {
|
|
background: #1414140a;
|
|
}
|
|
|
|
.toc-link.toc-link-h2:active,.toc-link.toc-link-h3:active, .toc-link.toc-link-h4:active, .toc-link.toc-link-h5:active {
|
|
background: #1414140f;
|
|
}
|
|
|
|
|
|
.toc-link.toc-link-h3 {
|
|
color: rgb(129, 129, 129);
|
|
margin-left: -40px;
|
|
}
|
|
|
|
.toc-link.toc-link-h4 {
|
|
color: rgb(129, 129, 129);
|
|
margin-left: -64px;
|
|
}
|
|
|
|
.toc-link.toc-link-h5 {
|
|
color: rgb(129, 129, 129);
|
|
margin-left: -88px;
|
|
}
|
|
|
|
nav.toc a {
|
|
color: #141414;
|
|
font-family: var(--font-inter);
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
text-decoration: none;
|
|
margin-top: 12px;
|
|
}
|
|
|
|
strong,
|
|
b {
|
|
color: #141414;
|
|
-webkit-font-smoothing: auto;
|
|
font-family: var(--font-inter);
|
|
font-weight: 500;
|
|
text-decoration: none;
|
|
}
|
|
|
|
code {
|
|
background: #1414140a;
|
|
padding: 4px;
|
|
border-radius: 4px;
|
|
} |