Browse Source

Remove border radius

Track3 2 years ago
parent
commit
28eca896dc

+ 1 - 1
assets/scss/_predefined.scss

@@ -32,6 +32,6 @@ $mono-fonts: "Cascadia Code", Consolas, Menlo, Monaco, "Lucida Console", "Lucida
   }
   to {
     transform: translateY(0) scale(1);
-    opacity: 100%;
+    opacity: 1;
   }
 }

+ 7 - 2
assets/scss/partials/_404.scss

@@ -9,8 +9,13 @@
 .btn-404 > a {
   display: inline-block;
   font-size: .8em;
-  border: 1px solid;
-  border-radius: 4px;
+  border: 1px solid var(--c-txt-alt);
   padding: .2em .4em;
   margin-bottom: .4em;
+  &:hover {
+    border-color: $accent;
+  }
+  &:active {
+    border-style: dashed;
+  }
 }

+ 1 - 1
assets/scss/partials/_comments.scss

@@ -1,5 +1,5 @@
 #comments {
-  margin-top: 2.5em;
+  margin-top: 3em;
   font-size: 1em;
 
   .vwrap {

+ 8 - 3
assets/scss/partials/_home.scss

@@ -20,11 +20,16 @@
   letter-spacing: normal;
   > a {
     display: inline-block;
-    border: 1px solid;
-    border-radius: 4px;
-    padding: .1em .4em;
+    border: 1px solid var(--c-txt-alt);
+    padding: 0 .4em;
     font-size: .8em;
     margin-top: .5em;
+    &:hover {
+      border-color: $accent;
+    }
+    &:active {
+      border-style: dashed;
+    }
   }
 }
 #recent-posts {

+ 7 - 6
assets/scss/partials/_single.scss

@@ -8,7 +8,6 @@
   position: relative;
   top: -1em;
   border: solid 1px;
-  border-radius: 4px;
   background: transparent;
   color: var(--c-txt-alt);
   font-size: .8em;
@@ -23,7 +22,6 @@
   display: none;
   color: var(--c-txt-alt);
   padding: 1em;
-  border-radius: 4px;
   background-color: var(--c-bg-alt);
 }
 .toc-title {
@@ -219,23 +217,26 @@ hr.post-end {
 .post-nav {
   display: flex;
   justify-content: space-between;
+  gap: 1em;
   margin-top: 1.5em;
   margin-bottom: 2em;
   font-size: 1.2em;
-
-  a {
+  padding: .5em;
+  background: var(--c-bg-alt);
+  > a {
     flex-basis: 50%;
     flex-grow: 1;
     border: none;
   }
 
-  .next-post {text-align: left; padding-right: 5px;}
-  .prev-post {text-align: right; padding-left: 5px;}
+  .next-post {text-align: left;}
+  .prev-post {text-align: right;}
 
   .post-nav-label {
     font-size: .8em;
     opacity: .8;
     text-transform: uppercase;
+    color: var(--c-txt-alt);
   }
 }
 

+ 3 - 4
assets/scss/style.scss

@@ -55,7 +55,6 @@ pre {
   font-size: .9em;
   line-height: 1.2;
   white-space: pre;
-  border-radius: 4px;
   code {
     padding: 0;
     margin: 0;
@@ -65,7 +64,6 @@ pre {
 
 code {
   background: var(--c-bg-alt);
-  border-radius: 3px;
   padding: 0 3px;
   margin: 0 4px;
 }
@@ -107,7 +105,9 @@ a {
     color: $accent;
     border-bottom-color: $accent;
   }
-
+  &:active {
+    border-bottom-style: dashed;
+  }
   &.icon-link {
     border-bottom: none;
   }
@@ -323,7 +323,6 @@ h1#page-title {
     padding: 0 0 0 1em;
     margin-left: calc(0px - var(--offset));
     border-right: 2px solid var(--c-bg-alt);
-    border-radius: 0;
     background: transparent;
     text-align: right;
     .toc-title {