fixes #1005, squashed commits from @plxity and @catarak

This commit is contained in:
Cassie Tarakajian 2019-04-17 17:05:55 -04:00
parent a4e2ce178d
commit c3de0512cc
2 changed files with 7 additions and 1 deletions

View file

@ -12,6 +12,7 @@ $dodgerblue: #1E90FF;
$primary-text-color: #333; $primary-text-color: #333;
$icon-color: #8b8b8b; $icon-color: #8b8b8b;
$icon-hover-color: #333; $icon-hover-color: #333;
$p5-contrast-pink: #FFA9D9;
$themes: ( $themes: (
light: ( light: (
@ -60,6 +61,7 @@ $themes: (
dropdown-color: #414141, dropdown-color: #414141,
keyboard-shortcut-color: #757575, keyboard-shortcut-color: #757575,
nav-hover-color: $p5js-pink, nav-hover-color: $p5js-pink,
error-color: $p5js-pink,
codefold-icon-open: url(../images/down-arrow.svg), codefold-icon-open: url(../images/down-arrow.svg),
codefold-icon-closed: url(../images/right-arrow.svg) codefold-icon-closed: url(../images/right-arrow.svg)
), ),
@ -108,6 +110,7 @@ $themes: (
dropdown-color: #dadada, dropdown-color: #dadada,
keyboard-shortcut-color: #B5B5B5, keyboard-shortcut-color: #B5B5B5,
nav-hover-color: $p5js-pink, nav-hover-color: $p5js-pink,
error-color: $p5js-pink,
codefold-icon-open: url(../images/down-arrow-white.svg), codefold-icon-open: url(../images/down-arrow-white.svg),
codefold-icon-closed: url(../images/right-arrow-white.svg) codefold-icon-closed: url(../images/right-arrow-white.svg)
), ),
@ -155,6 +158,7 @@ $themes: (
dropdown-color: #e1e1e1, dropdown-color: #e1e1e1,
keyboard-shortcut-color: #e1e1e1, keyboard-shortcut-color: #e1e1e1,
nav-hover-color: $yellow, nav-hover-color: $yellow,
error-color: $p5-contrast-pink,
codefold-icon-open: url(../images/down-arrow-white.svg), codefold-icon-open: url(../images/down-arrow-white.svg),
codefold-icon-closed: url(../images/right-arrow-white.svg) codefold-icon-closed: url(../images/right-arrow-white.svg)
) )

View file

@ -1,10 +1,12 @@
.form-error { .form-error {
display: block; display: block;
padding-top: #{4 / $base-font-size}rem; padding-top: #{4 / $base-font-size}rem;
color: $p5js-pink;
width: #{300 / $base-font-size}rem; width: #{300 / $base-font-size}rem;
font-size: #{9 / $base-font-size}rem; font-size: #{9 / $base-font-size}rem;
text-align: left; text-align: left;
@include themify() {
color: getThemifyVariable('error-color')
}
} }
.form__cancel-button { .form__cancel-button {