kobold.cafe/kobold.city-old
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

style/definition: add slight border radius

Browse source
This commit is contained in:
Kazhnuz 2019-05-25 16:53:06 +02:00
parent f672897322
commit 7873735ab4
2 changed files with 14 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
scss/_definitions.scss
View file

@ -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;

26
style.css
View file

@ -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; }