feat(border): have consistent border radius

fix #521
Pelican-Elegant · Dec 1, 2019 · 7307467 · 7307467
1 parent cd3bec0
commit 7307467
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 15 deletions.
diff --git a/static/css/admonition.css b/static/css/admonition.css
@@ -4,8 +4,8 @@ div.admonition {
   margin-bottom: 20px;
   background-color: #fcf8e3;
   border: 1px solid;
-  border-bottom-left-radius: 4px;
-  border-bottom-right-radius: 4px;
+  border-bottom-left-radius: var(--border-radius);
+  border-bottom-right-radius: var(--border-radius);
 }
 
 div.admonition p {

diff --git a/static/css/elegant.css b/static/css/elegant.css
@@ -1,4 +1,7 @@
 /* Base */
+:root {
+  --border-radius: 4px;
+}
 html,
 body {
   height: 100%;
@@ -342,7 +345,7 @@ a.list-of-categories {
 }
 a.list-of-categories:hover {
   background-color: #08c;
-  border-radius: 4px;
+  border-radius: var(--border-radius);
   color: #fff;
 }
 /* Archives */
@@ -469,7 +472,7 @@ div.recent-posts-time {
 }
 #mc-embed-signup .button {
   background-color: #eee;
-  border-radius: 4px;
+  border-radius: var(--border-radius);
   border: 1px solid #d3d3d3;
   clear: both;
   color: #000;
@@ -585,9 +588,9 @@ table {
   border-collapse: separate;
   *border-collapse: collapse;
   border-left: 0;
-  -webkit-border-radius: 4px;
-  -moz-border-radius: 4px;
-  border-radius: 4px;
+  -webkit-border-radius: var(--border-radius);
+  -moz-border-radius: var(--border-radius);
+  border-radius: var(--border-radius);
 }
 
 table th,
@@ -602,26 +605,26 @@ table thead:first-child tr:first-child th {
 }
 
 table thead:first-child tr:first-child > th:first-child {
-  -webkit-border-top-left-radius: 4px;
-  border-top-left-radius: 4px;
+  -webkit-border-top-left-radius: var(--border-radius);
+  border-top-left-radius: var(--border-radius);
   -moz-border-radius-topleft: 6px;
 }
 
 table thead:first-child tr:first-child > th:last-child {
-  -webkit-border-top-right-radius: 4px;
-  border-top-right-radius: 4px;
+  -webkit-border-top-right-radius: var(--border-radius);
+  border-top-right-radius: var(--border-radius);
   -moz-border-radius-topright: 6px;
 }
 
 table tbody:last-child tr:last-child > td:first-child {
-  -webkit-border-bottom-left-radius: 4px;
-  border-bottom-left-radius: 4px;
+  -webkit-border-bottom-left-radius: var(--border-radius);
+  border-bottom-left-radius: var(--border-radius);
   -moz-border-radius-bottomleft: 6px;
 }
 
 table tbody:last-child tr:last-child > td:last-child {
-  -webkit-border-bottom-right-radius: 4px;
-  border-bottom-right-radius: 4px;
+  -webkit-border-bottom-right-radius: var(--border-radius);
+  border-bottom-right-radius: var(--border-radius);
   -moz-border-radius-bottomright: 6px;
 }