Jquery ui fixes scss

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
This commit is contained in:
John Molakvoæ (skjnldsv) 2018-06-03 11:25:24 +02:00
parent 4ac9d1d87f
commit 1977d846b7
No known key found for this signature in database
GPG Key ID: 60C25B8C072916CF
1 changed files with 25 additions and 25 deletions

View File

@ -2,19 +2,19 @@
----------------------------------*/
.ui-widget-content {
border: 1px solid nc-darken($color-main-background, 20%);
background: $color-main-background none;
color: $color-main-text;
background: var(--color-main-background) none;
color: var(--color-main-text);
}
.ui-widget-content a {
color: $color-main-text;
color: var(--color-main-text);
}
.ui-widget-header {
border: none;
color: $color-main-text;
color: var(--color-main-text);
background-image: none;
}
.ui-widget-header a {
color: $color-main-text;
color: var(--color-main-text);
}
/* Interaction states
@ -23,7 +23,7 @@
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
border: 1px solid nc-darken($color-main-background, 20%);
background: $color-main-background none;
background: var(--color-main-background) none;
font-weight: bold;
color: #555;
}
@ -39,28 +39,28 @@
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
border: 1px solid #ddd;
background: $color-main-background none;
background: var(--color-main-background) none;
font-weight: bold;
color: $color-main-text;
color: var(--color-main-text);
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
color: $color-main-text;
color: var(--color-main-text);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
border: 1px solid $color-primary;
background: $color-main-background none;
border: 1px solid var(--color-primary);
background: var(--color-main-background) none;
font-weight: bold;
color: $color-main-text;
color: var(--color-main-text);
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: $color-main-text;
color: var(--color-main-text);
}
/* Interaction Cues
@ -68,8 +68,8 @@
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid $color-main-background;
background: $color-main-background none;
border: 1px solid var(--color-main-background);
background: var(--color-main-background) none;
color: nc-lighten($color-main-text, 30%);
}
.ui-state-highlight a,
@ -80,8 +80,8 @@
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: $color-error;
background: $color-error none;
border: var(--color-error);
background: var(--color-error) none;
color: #ffffff;
}
.ui-state-error a,
@ -154,10 +154,10 @@
.ui-state-hover,
.ui-state-active {
border: none;
border-bottom: 1px solid $color-main-text;
color: $color-main-text;
border-bottom: 1px solid var(--color-main-text);
color: var(--color-main-text);
a, a:link, a:hover, a:visited {
color: $color-main-text;
color: var(--color-main-text);
}
}
.ui-state-active {
@ -178,7 +178,7 @@
}
&.ui-widget-content {
background: $color-main-background;
background: var(--color-main-background);
border-top: none;
}
@ -191,13 +191,13 @@
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
border: 1px solid transparent;
background: inherit;
color: $color-primary-element;
color: var(--color-primary-element);
}
}
.ui-button.primary {
background-color: $color-primary;
color: $color-primary-text;
border: 1px solid $color-primary-text;
background-color: var(--color-primary);
color: var(--color-primary-text);
border: 1px solid var(--color-primary-text);
}