Add variable for border-radius
Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
This commit is contained in:
parent
576d31d48d
commit
bd7d0de86f
|
@ -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;
|
||||||
|
|
|
@ -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%;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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,
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue