From 7873735ab4fd564ab369e9e0ea0875e39215632b Mon Sep 17 00:00:00 2001
From: Kazhnuz <antoine@sortilege.net>
Date: Sat, 25 May 2019 16:53:06 +0200
Subject: [PATCH] style/definition: add slight border radius

---
 scss/_definitions.scss |  2 +-
 style.css              | 26 +++++++++++++-------------
 2 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/scss/_definitions.scss b/scss/_definitions.scss
index 9586e10..a6c7945 100644
--- a/scss/_definitions.scss
+++ b/scss/_definitions.scss
@@ -13,7 +13,7 @@ $inset-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.2);
 $inset-shadow-inverted: inset 0px 2px 0px rgba(0, 0, 0, 0.2);
 $inset-relief: inset 0px 2px 0px rgba(255, 255, 255, 0.1);
 
-$border-radius: 0px;
+$border-radius: 3px;
 $border-size: 1px;
 
 $color-primary: $color-skyblue;
diff --git a/style.css b/style.css
index d92936a..6a1ec73 100644
--- a/style.css
+++ b/style.css
@@ -118,7 +118,7 @@
 /* 2. Forms elements */
 select {
   border: 1px solid rgba(0, 0, 0, 0.3);
-  border-radius: 0px 0px 0px 0px;
+  border-radius: 3px 3px 3px 3px;
   display: block;
   width: 100%;
   height: calc(2.25rem + 2px);
@@ -136,7 +136,7 @@ select {
   .input-group-prepend {
     background-color: #77767b;
     border: 1px solid rgba(0, 0, 0, 0.3);
-    border-radius: 0px 0px 0px 0px; }
+    border-radius: 3px 3px 3px 3px; }
   .input-group-text {
     background-color: transparent;
     color: #FFF;
@@ -144,7 +144,7 @@ select {
     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3); }
   .input-group .form-control {
     border: 1px solid rgba(0, 0, 0, 0.3);
-    border-radius: 0px 0px 0px 0px;
+    border-radius: 3px 3px 3px 3px;
     box-shadow: inset 0px 2px 0px rgba(0, 0, 0, 0.1); }
     .input-group .form-control:focus {
       box-shadow: inset 0px 2px 0px rgba(0, 0, 0, 0.1), inset 0px 0px 0px 2px #a2d0f9; }
@@ -564,7 +564,7 @@ header {
     color: white;
     border: none;
     transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, background-color, opacity .15s ease-in-out, background-color .15s ease-in-out, color .15s ease-in-out;
-    border-radius: 0px 0px 0px 0px; }
+    border-radius: 3px 3px 3px 3px; }
     .navbar .form-control::placeholder {
       color: #FFF;
       transition: color .15s ease-in-out; }
@@ -621,7 +621,7 @@ ul.social {
  *
 */
 .card {
-  border-radius: 0px 0px 0px 0px;
+  border-radius: 3px 3px 3px 3px;
   box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, 0.1);
   border-style: solid;
   border-width: 0px;
@@ -756,11 +756,11 @@ ul.social {
   font-weight: 600;
   border-radius: 0; }
   .card-header:first-child {
-    border-radius: 0px 0px 0px 0px;
+    border-radius: 3px 3px 3px 3px;
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0; }
   .card-header:last-child {
-    border-radius: 0px 0px 0px 0px;
+    border-radius: 3px 3px 3px 3px;
     border-top-left-radius: 0;
     border-top-right-radius: 0; }
   .card-header h1, .card-header h2, .card-header h3, .card-header h4, .card-header h5, .card-header h6, .card-header h7, .card-header h8, .card-header h9, .card-header h10 {
@@ -775,7 +775,7 @@ ul.social {
 
 /* 4.2 - Cards meta */
 .card-meta {
-  border-radius: 0px 0px 0px 0px;
+  border-radius: 3px 3px 3px 3px;
   padding: 1em;
   box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, 0.1), inset 0px -2px 0px rgba(0, 0, 0, 0.2);
   border: 0;
@@ -848,7 +848,7 @@ a.list-group-item:hover {
 /* 4.4 - Cards list-groups */
 .alert {
   border: 1px solid rgba(0, 0, 0, 0.3);
-  border-radius: 0px 0px 0px 0px;
+  border-radius: 3px 3px 3px 3px;
   color: rgba(0, 0, 0, 0.7);
   box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, 0.1); }
   .alert-flex {
@@ -940,7 +940,7 @@ a.list-group-item:hover {
 
 /* 4.5 - Breadcrumbs */
 .breadcrumb {
-  border-radius: 0px 0px 0px 0px;
+  border-radius: 3px 3px 3px 3px;
   box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, 0.1), inset 0px -2px 0px rgba(0, 0, 0, 0.2);
   border: 0;
   background-color: #eeeeec;
@@ -956,7 +956,7 @@ a.list-group-item:hover {
 */
 .btn, .page-numbers {
   border: 1px solid rgba(0, 0, 0, 0.3);
-  border-radius: 0px 0px 0px 0px;
+  border-radius: 3px 3px 3px 3px;
   box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.2);
   text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
   background-color: #eeeeec;
@@ -1109,7 +1109,7 @@ a.list-group-item:hover {
 
 .btn-group .btn, .btn-group .page-numbers {
   box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.2);
-  border-radius: 0px 0px 0px 0px; }
+  border-radius: 3px 3px 3px 3px; }
   .btn-group .btn:not(:first-child), .btn-group .page-numbers:not(:first-child) {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0; }
@@ -1216,7 +1216,7 @@ a.list-group-item:hover {
 /* 5.2 - Badges */
 .badge {
   border: 1px solid rgba(0, 0, 0, 0.3);
-  border-radius: 0px 0px 0px 0px;
+  border-radius: 3px 3px 3px 3px;
   text-decoration: none !important; }
   .badge-pill {
     border-radius: 10rem; }