Card- & tab-group styling is no longer included

[chalin]

@LisaFC et al.: it seems that #540 may have reverted more changes than I originally pointed out in #652.

For example, it seems that card styles were removed -- see https://github.com/google/docsy/pull/540/files#diff-96dd75a968976edd5e03170268ed9085733f75c3fb24f992ae613c89e6de42dcL41:

  {{ end }}
- <!-- stylesheet for tabbed pane -->
- <link rel="stylesheet" href="{{ "/css/shortcodes.css" | relURL }}"/>
  {{ partial "hooks/head-end.html" . }}

As a consequence, the card and tabbed-pane styles aren't being included anymore. To see the difference, compare the following two previews:

• https://deploy-preview-532--docsydocs.netlify.app/docs/adding-content/shortcodes/#card-panes, the preview from when cards were added via Adding shortcodes for card groups and cards #532
• https://deploy-preview-540--docsydocs.netlify.app/docs/adding-content/shortcodes/#card-panes, the preview of Accessibility and SEO improvements #540

You'll notice that in the 540 preview, the cards have lost their custom styling -- such as max-width.

/cc @jcabak @nate-double-u @celestehorgan

[alexrashed]

FYI: I faced this issue with tabbed panes (they were missing the max-width, which then looks a bit weird in combination with other code sections).

The issue actually stands out on Docsy's docs itself quite nicely here:

My workaround currently is to include the css file in the _variables_project.scss as follows:

// workaround for https://github.com/google/docsy/issues/694
@import "/css/shortcodes.css";

I could file a PR, but since there seems to be a discussion if it was removed on purpose or not I wasn't sure about it.

[chalin]

Thanks for the feedback @alexrashed.