diff --git a/app/assets/stylesheets/molecules/_forms.scss b/app/assets/stylesheets/molecules/_forms.scss index f48ee86..dd3182a 100644 --- a/app/assets/stylesheets/molecules/_forms.scss +++ b/app/assets/stylesheets/molecules/_forms.scss @@ -1,7 +1,6 @@ // TODO: Align colors with variables.scss fieldset { background-color: transparent; - // border: 1px solid $input-border; border: none; padding: 0; margin: 0; @@ -36,12 +35,8 @@ form.btn-center { #{$all-text-inputs} { display: block; font-size: $base-font-size; - border: none !important; - border-bottom: 1px solid $secondary-color !important; - // border-left:0; - // border-top: 0; - // border-right: 0; - // border-bottom: 1px solid $secondary-color; + border: none; + border-bottom: 1px solid $secondary-color; box-shadow: none; border-radius: $base-border-radius; box-sizing: border-box; @@ -52,10 +47,6 @@ form.btn-center { font-family: $primary-font-face; line-height: 1.5em; - // &:hover { - // border-color: shade($base-border-color, 20%); - // } - &:focus { outline: none; box-shadow: none; @@ -64,10 +55,7 @@ form.btn-center { &:disabled { background-color: shade($base-background-color, 5%); cursor: default; - - // &:hover { - // border: $base-border; - // } + border-bottom-color: #bbb; } } button:disabled, @@ -282,6 +270,12 @@ select { } } } +.content-well { + label { + font-weight: 400; + font-style: italic; + } +} .form-group-multiples { // radios, checks wrappers margin-bottom: .5rem; } diff --git a/app/assets/stylesheets/molecules/_livecoder.scss b/app/assets/stylesheets/molecules/_livecoder.scss index 07ca65e..5ca90d2 100644 --- a/app/assets/stylesheets/molecules/_livecoder.scss +++ b/app/assets/stylesheets/molecules/_livecoder.scss @@ -23,7 +23,7 @@ } .results { - border: 1px solid black; + border: 1px solid $secondary-color; clear: both; margin: 10px 0; min-height: 200px; @@ -31,6 +31,10 @@ background-color: #fff; } +fieldset:disabled .results { + border-color: #bbb; +} + iframe { border: 0; height: 100%; @@ -76,11 +80,15 @@ iframe { // }); .linedwrap { - border: 1px solid black; + border: 1px solid $secondary-color; padding: 0; position: relative; } +fieldset:disabled .linedwrap { + border-color: #bbb; +} + .linedtextarea { padding: 0; margin: 0; diff --git a/app/assets/stylesheets/templates/_questions.scss b/app/assets/stylesheets/templates/_questions.scss index a60cabb..6385440 100644 --- a/app/assets/stylesheets/templates/_questions.scss +++ b/app/assets/stylesheets/templates/_questions.scss @@ -29,7 +29,6 @@ } } textarea { - // padding: 1rem 3rem; padding: 1rem 0; } } diff --git a/app/assets/stylesheets/templates/_summary.scss b/app/assets/stylesheets/templates/_summary.scss index 3c3060e..4a326ad 100644 --- a/app/assets/stylesheets/templates/_summary.scss +++ b/app/assets/stylesheets/templates/_summary.scss @@ -1,8 +1,9 @@ .summary_tpl { @include outer-container; padding: 2rem 0; - .prft-heading { + h2 { font-size:1.875rem; + font-weight: 400; } .answer-sec { // padding-top:2rem; @@ -13,19 +14,20 @@ // } .question-heading { @include outer-container; - .question-title { - @include span-columns(12); - @include omega(); - padding-top: .75rem; - h3 { - font-size: 1.25rem; - } - } - .answer-buttons { - @include span-columns(12); - @include omega(); - white-space: nowrap; - } + } + .question-title { + @include span-columns(12); + @include omega(); + padding-top: .75rem; + } + h3 { + font-size: 1.25rem; + font-weight: 400; + } + .answer-buttons { + @include span-columns(12); + @include omega(); + white-space: nowrap; } .answer-container { padding:2rem 0;