css: standardize styling of fineprint text.

Fineprint text was variously styled with `.info`, `.tn`, `.hint`, or `.cost-footnote` css classes. Standardize on `.fineprint` instead. Use `.hint` only for form hints and `.tn` only for <tn> tags in translation notes. Incidentally changes the font size of form hints to 0.8em (was 0.7em) and the color of fineprint to #888 (was #AAA or #666).
2019-09-17 00:28:41 -05:00
parent c325bfa199
commit 31ebfa0a82
17 changed files with 30 additions and 49 deletions
--- a/app/javascript/src/styles/common/simple_form.scss
+++ b/app/javascript/src/styles/common/simple_form.scss
@@ -1,3 +1,5 @@
+@import "../base/020_base.scss";
+
 form.simple_form {
  margin: 0 0 1em 0;

@@ -21,8 +23,8 @@ form.simple_form {
    }

    .hint {
+      @extend .fineprint;
      padding-left: 1em;
-      font-size: 70%;
    }

    &.text {