Browse Source

Add variable for border-radius

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
tags/v13.0.0beta1
Jan-Christoph Borchardt 6 years ago
parent
commit
bd7d0de86f

+ 1
- 1
apps/comments/css/autocomplete.scss View File

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;

+ 1
- 1
apps/files/css/files.scss View File



.quota-container { .quota-container {
height: 5px; height: 5px;
border-radius: 3px;
border-radius: $border-radius;


div { div {
height: 100%; height: 100%;

+ 2
- 2
core/css/apps.scss View File

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

+ 1
- 1
core/css/header.scss View File

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;

+ 6
- 6
core/css/inputs.scss View File

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,
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;
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;
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;
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
- 1
core/css/jquery.ocdialog.scss View File

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

+ 5
- 5
core/css/styles.scss View File



::-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 */
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;
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 {
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 {
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,

+ 1
- 1
core/css/tooltip.scss View File

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 {

+ 1
- 0
core/css/variables.scss View File

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

+ 3
- 3
settings/css/settings.scss View File

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 {
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 {
span { span {
&.success { &.success {
background: #37ce02; background: #37ce02;
border-radius: 3px;
border-radius: $border-radius;
} }
&.error { &.error {
background: #ce3702; background: #ce3702;

Loading…
Cancel
Save