GitHub/quartz
1
0
Fork 2
mirror of https://github.com/jackyzha0/quartz.git synced 2026-03-24 15:05:42 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

rounder border radius coherent between main components

Browse Source
This commit is contained in:
Mattia Ippoliti 2023-04-03 15:34:06 +02:00
parent db27557aa3
commit 422e6f97de
1 changed files with 10 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
assets/styles/base.scss
View File

@ -72,7 +72,7 @@ tbody, li, p {
} }
.mainTOC { .mainTOC {
border-radius: 5px; border-radius: 0.6em;
padding: 0.75em 0; padding: 0.75em 0;
& details { & details {
@ -130,7 +130,7 @@ td, th {
img { img {
max-width: 100%; max-width: 100%;
border-radius: 3px; border-radius: 0.6em;
margin: 1em 0; margin: 1em 0;
} }
@ -233,7 +233,7 @@ article {
} }
& > li > a { & > li > a {
border-radius: 8px; border-radius: 0.6em;
border: var(--outlinegray) 1px solid; border: var(--outlinegray) 1px solid;
padding: 0.2em 0.5em; padding: 0.2em 0.5em;
&::before { &::before {
@ -283,7 +283,7 @@ code {
font-family: var(--font-mono); font-family: var(--font-mono);
font-size: 0.85em; font-size: 0.85em;
padding: 0.15em 0.3em; padding: 0.15em 0.3em;
border-radius: 5px; border-radius: 0.6em;
background: var(--lightgray); background: var(--lightgray);
} }
@ -331,14 +331,14 @@ hr {
margin: 0.5em 0; margin: 0.5em 0;
padding: 0.25em 1em; padding: 0.25em 1em;
border: var(--outlinegray) 1px solid; border: var(--outlinegray) 1px solid;
border-radius: 5px border-radius: 0.6em;
} }
} }
} }
& #graph-container { & #graph-container {
border: var(--outlinegray) 1px solid; border: var(--outlinegray) 1px solid;
border-radius: 5px; border-radius: 0.6em;
box-sizing: border-box; box-sizing: border-box;
min-height: 250px; min-height: 250px;
margin: 0.5em 0; margin: 0.5em 0;
@ -376,7 +376,7 @@ header {
#search-icon { #search-icon {
background-color: var(--lightgray); background-color: var(--lightgray);
border-radius: 4px; border-radius: 0.6em;
height: 2em; height: 2em;
display: flex; display: flex;
align-items: center; align-items: center;
@ -442,6 +442,7 @@ header {
color: var(--dark); color: var(--dark);
font-size: 1.1em; font-size: 1.1em;
border: 1px solid var(--outlinegray); border: 1px solid var(--outlinegray);
border-radius: 0.6em;
&:focus { &:focus {
outline: none; outline: none;
@ -565,7 +566,7 @@ header {
padding: 1rem; padding: 1rem;
margin: 1rem; margin: 1rem;
border: 1px solid var(--outlinegray); border: 1px solid var(--outlinegray);
border-radius: 5px; border-radius: 0.6em;
pointer-events: none; pointer-events: none;
transition: opacity 0.2s ease, transform 0.2s ease; transition: opacity 0.2s ease, transform 0.2s ease;
user-select: none; user-select: none;
@ -622,4 +623,4 @@ header {
mark { mark {
background-color: var(--highlighted); background-color: var(--highlighted);
color: var(--gray); color: var(--gray);
} }