Fix Bug 1284584: Standardize learn-box

[stephaniehobson]

Made .learn-box use the .properties styles but made it orange.

Removed old learn-box styles from customcss.styl

Updated .standard-table definition to exclude learn-boxes because .learn-box.standard-table is a very common combination.

Testing pages:
https://developer-local.allizom.org/en-US/Learn/HTML/Howto/Use_JavaScript_within_a_webpage
https://developer-local.allizom.org/en-US/Learn/HTML/Howto/Add_a_hit_map_on_top_of_an_image
https://developer-local.allizom.org/en-US/Learn/CSS/Using_CSS_in_a_web_page
https://developer-local.allizom.org/en-US/Learn/CSS/Basic_text_styling_in_CSS

When testing also edit a table to remove the standard-table class and make sure it displays properly.

[codecov-io]

Current coverage is 85.93%

Merging #3900 into master will not change coverage

@@             master      #3900   diff @@
==========================================
  Files           144        144          
  Lines          8603       8603          
  Methods           0          0          
  Messages          0          0          
  Branches       1137       1137          
==========================================
  Hits           7393       7393          
  Misses          975        975          
  Partials        235        235          

Powered by Codecov. Last updated by 0b8b01c...85dba87

[schalkneethling]

"improvments" > "improvements"

[stephaniehobson]

The only things I can spell correctly reliably are CSS properties ;)

[schalkneethling]

@stephaniehobson So, I did:

(env) vagrant@developer-local:~/src$ sudo mysql -uroot -pkuma kuma < sanitized_devmo.sql
Warning: Using a password on the command line interface can be insecure.
(env) vagrant@developer-local:~/src$ foreman start

But when I try to load the pages you mentioned I get a 404. Is there something else I am missing?

[stephaniehobson]

Hm, that should be it and you should have the same data as I do :/ Can you follow any links off the home page?

[stephaniehobson]

If you don't have those pages locally you can copy them over from prod. Or find other pages to copy over from prod. All pages on prod using the learn box class.

You can create new pages by visiting the new page page.

Updated my spelling error.

[schalkneethling]

Works as expected. The only concern I have is with the contrast, especially the link color on the peach like background color:

@stephaniehobson Thoughts?

[stephaniehobson]

I really want to fix the contrast problems on MDN but I think that's a separate PR. This is a combination that is already in production in other places and we have bug 924583 for the contrast problems.

Merging since it works as expected.