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-shadow-inverted: inset 0px 2px 0px rgba(0, 0, 0, 0.2);
$inset-relief: inset 0px 2px 0px rgba(255, 255, 255, 0.1); $inset-relief: inset 0px 2px 0px rgba(255, 255, 255, 0.1);
$border-radius: 0px; $border-radius: 3px;
$border-size: 1px; $border-size: 1px;
$color-primary: $color-skyblue; $color-primary: $color-skyblue;

26
style.css
View file

@ -118,7 +118,7 @@
/* 2. Forms elements */ /* 2. Forms elements */
select { select {
border: 1px solid rgba(0, 0, 0, 0.3); border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 0px 0px 0px 0px; border-radius: 3px 3px 3px 3px;
display: block; display: block;
width: 100%; width: 100%;
height: calc(2.25rem + 2px); height: calc(2.25rem + 2px);
@ -136,7 +136,7 @@ select {
.input-group-prepend { .input-group-prepend {
background-color: #77767b; background-color: #77767b;
border: 1px solid rgba(0, 0, 0, 0.3); border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 0px 0px 0px 0px; } border-radius: 3px 3px 3px 3px; }
.input-group-text { .input-group-text {
background-color: transparent; background-color: transparent;
color: #FFF; color: #FFF;
@ -144,7 +144,7 @@ select {
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3); } text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3); }
.input-group .form-control { .input-group .form-control {
border: 1px solid rgba(0, 0, 0, 0.3); 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); } box-shadow: inset 0px 2px 0px rgba(0, 0, 0, 0.1); }
.input-group .form-control:focus { .input-group .form-control:focus {
box-shadow: inset 0px 2px 0px rgba(0, 0, 0, 0.1), inset 0px 0px 0px 2px #a2d0f9; } 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; color: white;
border: none; 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; 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 { .navbar .form-control::placeholder {
color: #FFF; color: #FFF;
transition: color .15s ease-in-out; } transition: color .15s ease-in-out; }
@ -621,7 +621,7 @@ ul.social {
* *
*/ */
.card { .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); box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, 0.1);
border-style: solid; border-style: solid;
border-width: 0px; border-width: 0px;
@ -756,11 +756,11 @@ ul.social {
font-weight: 600; font-weight: 600;
border-radius: 0; } border-radius: 0; }
.card-header:first-child { .card-header:first-child {
border-radius: 0px 0px 0px 0px; border-radius: 3px 3px 3px 3px;
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
border-bottom-right-radius: 0; } border-bottom-right-radius: 0; }
.card-header:last-child { .card-header:last-child {
border-radius: 0px 0px 0px 0px; border-radius: 3px 3px 3px 3px;
border-top-left-radius: 0; border-top-left-radius: 0;
border-top-right-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 { .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 */ /* 4.2 - Cards meta */
.card-meta { .card-meta {
border-radius: 0px 0px 0px 0px; border-radius: 3px 3px 3px 3px;
padding: 1em; padding: 1em;
box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, 0.1), inset 0px -2px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, 0.1), inset 0px -2px 0px rgba(0, 0, 0, 0.2);
border: 0; border: 0;
@ -848,7 +848,7 @@ a.list-group-item:hover {
/* 4.4 - Cards list-groups */ /* 4.4 - Cards list-groups */
.alert { .alert {
border: 1px solid rgba(0, 0, 0, 0.3); 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); color: rgba(0, 0, 0, 0.7);
box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, 0.1); } box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, 0.1); }
.alert-flex { .alert-flex {
@ -940,7 +940,7 @@ a.list-group-item:hover {
/* 4.5 - Breadcrumbs */ /* 4.5 - Breadcrumbs */
.breadcrumb { .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); box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, 0.1), inset 0px -2px 0px rgba(0, 0, 0, 0.2);
border: 0; border: 0;
background-color: #eeeeec; background-color: #eeeeec;
@ -956,7 +956,7 @@ a.list-group-item:hover {
*/ */
.btn, .page-numbers { .btn, .page-numbers {
border: 1px solid rgba(0, 0, 0, 0.3); 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); box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.2);
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3); text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
background-color: #eeeeec; background-color: #eeeeec;
@ -1109,7 +1109,7 @@ a.list-group-item:hover {
.btn-group .btn, .btn-group .page-numbers { .btn-group .btn, .btn-group .page-numbers {
box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.2); 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) { .btn-group .btn:not(:first-child), .btn-group .page-numbers:not(:first-child) {
border-top-left-radius: 0; border-top-left-radius: 0;
border-bottom-left-radius: 0; } border-bottom-left-radius: 0; }
@ -1216,7 +1216,7 @@ a.list-group-item:hover {
/* 5.2 - Badges */ /* 5.2 - Badges */
.badge { .badge {
border: 1px solid rgba(0, 0, 0, 0.3); 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; } text-decoration: none !important; }
.badge-pill { .badge-pill {
border-radius: 10rem; } border-radius: 10rem; }