My pattern library

8.2 #External.stackoverflow-widget StackOverflow widget

Toggle example guides Toggle HTML markup

A panel to show StackOverflow-specific stuff.

This module defines its own variables and uses high specificity selectors. This is done to force it being stable regardless of other styles; after all, I don't want it to be coherent with the rest of the site, as it represents a view on an external site.

Example
hello world
Markup
<style>
.stackoverflow-widget {
  width: 10em;
  height: 5em;
}
</style>
<div class="stackoverflow-widget box-shadow">
hello world
</div>
Source: css/modules/stackoverflow.css, line 1