Component and theme style guide

With the introduction of the Goblue theme, Ossn has placed great emphasis on a user interface that works on both large and small displays.

Therefore, when programming a new component, please keep this uniformity in mind. A component that is completely visible on large screens only is of no use to anyone. Especially since more and more people are using cell phones now.

The easiest way to keep your component in line with Ossn 4.x and 5.x:

  • use the Bootstrap 3.x framework for styling
  • use Font Awesome 4.7 icons
  • avoid html tags with fixed heights and widths
  • don't embed 3rd party sites in iframes with fixed dimensions

Further information can be found at:

http://bootstrapdocs.com/v3.3.4/docs/getting-started/
https://fontawesome.com/v4.7.0/icons/
https://blog.theodo.fr/2018/01/responsive-iframes-css-trick/