Add variable for border-radius

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
This commit is contained in:
Jan-Christoph Borchardt 2017-09-28 16:32:54 +02:00
parent 576d31d48d
commit bd7d0de86f
10 changed files with 22 additions and 21 deletions

View File

@ -12,7 +12,7 @@
background: $color-main-background; background: $color-main-background;
color: $color-main-text; color: $color-main-text;
border: 1px solid $color-border; border: 1px solid $color-border;
border-radius: 3px; border-radius: $border-radius;
box-shadow: 0 0 5px $color-box-shadow; box-shadow: 0 0 5px $color-box-shadow;
min-width: 120px; min-width: 120px;
z-index: 11110 !important; z-index: 11110 !important;

View File

@ -752,7 +752,7 @@ table.dragshadow td.size {
.quota-container { .quota-container {
height: 5px; height: 5px;
border-radius: 3px; border-radius: $border-radius;
div { div {
height: 100%; height: 100%;

View File

@ -58,7 +58,7 @@ kbd {
padding: 4px 10px; padding: 4px 10px;
border: 1px solid #ccc; border: 1px solid #ccc;
box-shadow: 0 1px 0 rgba(0, 0, 0, .2); box-shadow: 0 1px 0 rgba(0, 0, 0, .2);
border-radius: 3px; border-radius: $border-radius;
display: inline-block; display: inline-block;
white-space: nowrap; white-space: nowrap;
} }
@ -767,7 +767,7 @@ kbd {
position: absolute; position: absolute;
background-color: $color-main-background; background-color: $color-main-background;
color: $color-main-text; color: $color-main-text;
border-radius: 3px; border-radius: $border-radius;
z-index: 110; z-index: 110;
margin: 5px; margin: 5px;
margin-top: -5px; margin-top: -5px;

View File

@ -481,7 +481,7 @@ nav {
background-color: rgba($color-main-background, .97); background-color: rgba($color-main-background, .97);
white-space: nowrap; white-space: nowrap;
border: none; border: none;
border-radius: 3px; border-radius: $border-radius;
border-top-left-radius: 0; border-top-left-radius: 0;
border-top-right-radius: 0; border-top-right-radius: 0;
margin-top: 0; margin-top: 0;

View File

@ -45,7 +45,7 @@ div[contenteditable=true],
color: nc-lighten($color-main-text, 33%); color: nc-lighten($color-main-text, 33%);
border: 1px solid nc-darken($color-main-background, 14%); border: 1px solid nc-darken($color-main-background, 14%);
outline: none; outline: none;
border-radius: 3px; border-radius: $border-radius;
cursor: text; cursor: text;
&:not(:disabled):not(.primary) { &:not(:disabled):not(.primary) {
&:hover, &:hover,
@ -372,7 +372,7 @@ input {
background: $color-main-background; background: $color-main-background;
color: nc-lighten($color-main-text, 33%); color: nc-lighten($color-main-text, 33%);
box-sizing: content-box; box-sizing: content-box;
border-radius: 3px; border-radius: $border-radius;
border: 1px solid nc-darken($color-main-background, 14%); border: 1px solid nc-darken($color-main-background, 14%);
margin: 0; margin: 0;
padding: 2px 0; padding: 2px 0;
@ -417,7 +417,7 @@ input {
background: $color-main-background; background: $color-main-background;
color: nc-lighten($color-main-text, 33%); color: nc-lighten($color-main-text, 33%);
box-sizing: content-box; box-sizing: content-box;
border-radius: 3px; border-radius: $border-radius;
border: 1px solid nc-darken($color-main-background, 14%); border: 1px solid nc-darken($color-main-background, 14%);
margin: 0; margin: 0;
padding: 2px 0; padding: 2px 0;
@ -465,7 +465,7 @@ progress {
padding: 0; padding: 0;
border: 0 none; border: 0 none;
background-color: nc-darken($color-main-background, 10%); background-color: nc-darken($color-main-background, 10%);
border-radius: 3px; border-radius: $border-radius;
flex-basis: 100%; flex-basis: 100%;
height: 5px; height: 5px;
overflow: hidden; overflow: hidden;
@ -481,12 +481,12 @@ progress {
background: transparent; background: transparent;
} }
&::-moz-progress-bar { &::-moz-progress-bar {
border-radius: 3px; border-radius: $border-radius;
background: $color-primary; background: $color-primary;
transition: 250ms all ease-in-out; transition: 250ms all ease-in-out;
} }
&::-webkit-progress-value { &::-webkit-progress-value {
border-radius: 3px; border-radius: $border-radius;
background: $color-primary; background: $color-primary;
transition: 250ms all ease-in-out; transition: 250ms all ease-in-out;
} }

View File

@ -1,7 +1,7 @@
.oc-dialog { .oc-dialog {
background: $color-main-background; background: $color-main-background;
color: nc-darken($color-main-text, 20%); color: nc-darken($color-main-text, 20%);
border-radius: 3px; border-radius: $border-radius;
box-shadow: 0 0 7px $color-box-shadow; box-shadow: 0 0 7px $color-box-shadow;
padding: 15px; padding: 15px;
z-index: 10000; z-index: 10000;

View File

@ -166,7 +166,7 @@ body {
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
background: nc-darken($color-main-background, 14%); background: nc-darken($color-main-background, 14%);
border-radius: 3px; border-radius: $border-radius;
} }
/* Searchbox */ /* Searchbox */
@ -181,7 +181,7 @@ body {
background: transparent url('../img/actions/search-white.svg?v=1') no-repeat 6px center; background: transparent url('../img/actions/search-white.svg?v=1') no-repeat 6px center;
color: $color-primary-text; color: $color-primary-text;
border: 0; border: 0;
border-radius: 3px; border-radius: $border-radius;
margin-top: 3px; margin-top: 3px;
width: 0; width: 0;
cursor: pointer; cursor: pointer;
@ -648,7 +648,7 @@ label.infield {
background-color: rgba($color-main-text, 0.3); background-color: rgba($color-main-text, 0.3);
color: $color-primary-text; color: $color-primary-text;
text-align: left; text-align: left;
border-radius: 3px; border-radius: $border-radius;
cursor: default; cursor: default;
} }
.update { .update {
@ -675,7 +675,7 @@ label.infield {
margin-top: 8px; margin-top: 8px;
padding: 5px; padding: 5px;
background: rgba($color-error, .15); background: rgba($color-error, .15);
border-radius: 3px; border-radius: $border-radius;
} }
.warning { .warning {
@ -991,7 +991,7 @@ code {
margin-top: 10px; margin-top: 10px;
padding: 4px 8px; padding: 4px 8px;
width: auto; width: auto;
border-radius: 3px; border-radius: $border-radius;
border: none; border: none;
.ui-state-default, .ui-state-default,

View File

@ -117,7 +117,7 @@
color: $color-main-text; color: $color-main-text;
box-shadow: 0 1px 10px $color-box-shadow; box-shadow: 0 1px 10px $color-box-shadow;
text-align: center; text-align: center;
border-radius: 3px; border-radius: $border-radius;
} }
.tooltip-arrow { .tooltip-arrow {

View File

@ -22,3 +22,4 @@ $color-loading: #969696;
$color-loading-dark: #bbbbbb; $color-loading-dark: #bbbbbb;
$color-box-shadow: rgba(nc-darken($color-main-background, 30%), 0.75); $color-box-shadow: rgba(nc-darken($color-main-background, 30%), 0.75);
$color-border: nc-darken($color-main-background, 8%); $color-border: nc-darken($color-main-background, 8%);
$border-radius: 3px;

View File

@ -85,7 +85,7 @@ input {
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
background: #fff; background: #fff;
color: #333; color: #333;
border-radius: 3px; border-radius: $border-radius;
box-shadow: 0 0 7px #888; box-shadow: 0 0 7px #888;
padding: 15px; padding: 15px;
.jcrop-holder { .jcrop-holder {
@ -716,7 +716,7 @@ span.version {
color: #555; color: #555;
background-color: transparent; background-color: transparent;
border: 1px solid #555; border: 1px solid #555;
border-radius: 3px; border-radius: $border-radius;
padding: 3px 6px; padding: 3px 6px;
} }
a { a {
@ -1103,7 +1103,7 @@ table.grid td.date {
span { span {
&.success { &.success {
background: #37ce02; background: #37ce02;
border-radius: 3px; border-radius: $border-radius;
} }
&.error { &.error {
background: #ce3702; background: #ce3702;