Initial commit

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
This commit is contained in:
John Molakvoæ (skjnldsv) 2017-09-28 18:14:31 +02:00
parent 42bd942619
commit 345b9d151f
No known key found for this signature in database
GPG key ID: FB5ACEED51955BF8
3 changed files with 22 additions and 22 deletions

View file

@ -41,7 +41,7 @@ textarea,
font-size: 13px;
background-color: $color-main-background;
color: nc-lighten($color-main-text, 33%);
border: 1px solid nc-lighten($color-main-text, 86%);
border: 1px solid nc-darken($color-main-background, 14%);
outline: none;
border-radius: 3px;
cursor: text;
@ -163,7 +163,7 @@ textarea {
&:active,
&:hover,
&:focus {
border-color: nc-lighten($color-main-text, 86%) !important;
border-color: nc-darken($color-main-background, 14%) !important;
background-color: $color-main-background !important;
}
}
@ -218,7 +218,7 @@ input {
border-radius: 50%;
margin: 3px;
margin-top: 1px;
border: 1px solid nc-lighten($color-main-text, 53%);
border: 1px solid nc-darken($color-main-background, 47%);
}
&:not(:disabled):not(:checked) + label:hover:before,
&:focus + label:before {
@ -233,11 +233,11 @@ input {
border-color: $color-primary-element;
}
&:disabled + label:before {
border: 1px solid nc-lighten($color-main-text, 53%);
background-color: nc-lighten($color-main-text, 73%) !important; /* override other status */
border: 1px solid nc-darken($color-main-background, 47%);
background-color: nc-darken($color-main-background, 27%) !important; /* override other status */
}
&:checked:disabled + label:before {
background-color: nc-lighten($color-main-text, 73%);
background-color: nc-darken($color-main-background, 27%);
}
}
&.checkbox {
@ -258,7 +258,7 @@ input {
&.radio--white,
&.checkbox--white {
+ label:before {
border-color: nc-lighten($color-main-text, 86%);
border-color: nc-darken($color-main-background, 14%);
}
&:not(:disabled):not(:checked) + label:hover:before,
&:focus + label:before {
@ -270,13 +270,13 @@ input {
border-color: $color-border
}
&:disabled + label:before {
background-color: nc-lighten($color-main-text, 33%) !important; /* override other status */
border-color: rgba($color-main-text, 0.4) !important; /* override other status */
background-color: nc-darken($color-main-background, 23%) !important; /* override other status */
border-color: rgba($color-main-background, 0.4) !important; /* override other status */
}
&:checked:disabled + label:before {
box-shadow: inset 0px 0px 0px 2px $color-main-text;
border-color: nc-lighten($color-main-text, 33%);
background-color: nc-lighten($color-main-text, 33%);
border-color: nc-darken($color-main-background, 27%);
background-color: nc-darken($color-main-background, 27%);
}
}
&.checkbox--white {
@ -290,10 +290,10 @@ input {
background-image: url('../img/actions/checkbox-mixed-white.svg');
}
&:checked:disabled + label:after {
border-color: nc-lighten($color-main-text, 73%);
border-color: nc-darken($color-main-background, 27%);
}
&:indeterminate:disabled + label:after {
background-color: nc-lighten($color-main-text, 73%);
background-color: nc-darken($color-main-background, 27%);
}
}
}
@ -304,7 +304,7 @@ input {
margin-top: -2px;
background-color: $color-main-background;
&.select2-drop-active {
border-color: nc-lighten($color-main-text, 86%);
border-color: nc-darken($color-main-background, 14%);
}
.avatar {
display: inline-block;
@ -369,7 +369,7 @@ input {
color: nc-lighten($color-main-text, 33%);
box-sizing: content-box;
border-radius: 3px;
border: 1px solid nc-lighten($color-main-text, 86%);
border: 1px solid nc-darken($color-main-background, 14%);
margin: 0;
padding: 2px 0;
min-height: auto;
@ -383,7 +383,7 @@ input {
background-image: none;
background-color: $color-main-background;
color: nc-lighten($color-main-text, 33%);
border: 1px solid nc-lighten($color-main-text, 86%);
border: 1px solid nc-darken($color-main-background, 14%);
}
.select2-search-choice-close {
display: none;
@ -414,7 +414,7 @@ input {
color: nc-lighten($color-main-text, 33%);
box-sizing: content-box;
border-radius: 3px;
border: 1px solid nc-lighten($color-main-text, 86%);
border: 1px solid nc-darken($color-main-background, 14%);
margin: 0;
padding: 2px 0;
padding-left: 6px;

View file

@ -149,7 +149,7 @@ a {
}
#link {
border-top: 1px solid nc-lighten($color-main-text, 86%);
border-top: 1px solid nc-darken($color-main-background, 14%);
padding-top: 8px;
#showPassword img {
padding-left: 5px;

View file

@ -361,7 +361,7 @@ body {
}
a {
color: $color-primary-text;
border-bottom: 1px solid nc-lighten($color-main-text, 73%);
border-bottom: 1px solid nc-darken($color-main-background, 27%);
}
}
.infogroup {
@ -627,7 +627,7 @@ label.infield {
background: nc-darken($color-main-background, 3%);
color: nc-lighten($color-main-text, 53%);
cursor: pointer;
border: 1px solid nc-lighten($color-main-text, 86%);
border: 1px solid nc-darken($color-main-background, 14%);
span {
cursor: pointer;
padding: 10px 20px;
@ -1064,7 +1064,7 @@ code {
}
.ui-datepicker-prev, .ui-datepicker-next {
border: nc-lighten($color-main-text, 86%);
border: nc-darken($color-main-background, 14%);
background: $color-main-background;
}
@ -1287,7 +1287,7 @@ span.ui-icon {
}
.scrollarea {
overflow: auto;
border: 1px solid nc-lighten($color-main-text, 86%);
border: 1px solid nc-darken($color-main-background, 14%);
width: 100%;
height: 240px;
}