Introduce borderRadius CSS variable (#1691)

Author: moogle19

assets/css/content/bottom-actions.css

@@ -8,7 +8,7 @@
  display: flex;
  text-decoration: none;
  flex-direction: column;
- border-radius: 4px;
+ border-radius: var(--borderRadius);
  border: 1px solid var(--bottomActionsBtnBorder);
  padding: 8px 16px;
  min-width: 150px;

assets/css/content/cheatsheet.css

@@ -98,7 +98,7 @@
 
 .page-cheatmd .content-inner .h2 p > code {
  color: #eb5757;
- border-radius: 3px;
+ border-radius: var(--borderRadius);
  padding: .2em .4em;
 }
 
@@ -162,7 +162,7 @@
 
 .page-cheatmd .content-inner .h2 td code {
  color: #eb5757;
- border-radius: 3px;
+ border-radius: var(--borderRadius);
  padding: .2em .4em;
 }
 
@@ -200,7 +200,7 @@
 
 .page-cheatmd .content-inner .h2 li > code {
  color: #eb5757;
- border-radius: 3px;
+ border-radius: var(--borderRadius);
  padding: .2em .4em;
 }
 

assets/css/content/general.css

@@ -99,7 +99,7 @@
  padding: 0 1.2rem;
  overflow: auto;
  background-color: var(--blockquoteBackground);
- border-radius: 3px;
+ border-radius: var(--borderRadius);
 }
 .content-inner blockquote p:last-child {
  padding-bottom: 1em;

assets/css/custom-props/common.css

@@ -2,6 +2,7 @@
  /* Layout & Whitespace */
  --content-width: 949px;
  --content-gutter: 60px;
+ --borderRadius: 4px;
 
  /* Font Families */
  --serifFontFamily: 'Merriweather', 'Book Antiqua', Georgia, 'Century Schoolbook', serif;

assets/css/keyboard-shortcuts.css

@@ -22,7 +22,7 @@
 #keyboard-shortcuts-content kbd > kbd {
  background-color: var(--settingsInputBorder);
  color: var(--contrast);
- border-radius: 3px;
+ border-radius: var(--borderRadius);
  font-family: inherit;
  font-weight: bold;
  display: inline-block;

assets/css/modal.css

@@ -27,7 +27,7 @@
  margin: 75px auto 0 auto;
  max-width: 500px;
  background-color: var(--modalBackground);
- border-radius: 3px;
+ border-radius: var(--borderRadius);
  box-shadow: 2px 2px 8px rgba(0, 0, 0, .2);
  padding: 25px 35px 35px;
 }

assets/css/sidebar.css

@@ -44,7 +44,7 @@
 
 .sidebar .sidebar-header {
  margin: 12px;
- border-radius: 4px;
+ border-radius: var(--borderRadius);
  background-color: var(--sidebarHeader);
  width: 276px;
 }
@@ -210,7 +210,7 @@
 .sidebar .sidebar-search .search-input {
  background-color: var(--sidebarSearch);
  border: none;
- border-radius: 4px;
+ border-radius: var(--borderRadius);
  color: var(--sidebarAccentMain);
  margin-left: 12px;
  padding: 8px 6px 8px 38px;