OSU-UI

This is the stylesheet used by Ecampus for all web interactives. This repo doesn't deal with code, just styles. The repo also includes the SVG logos for the light and dark themes as well as the main OSU favicon. It's up to you to implement these properly. An example can be found by visiting https://osuecampus.github.io/ui/.

Including CSS in a React Project

NPM install the 'osu-application' repo which already has this project as a dependency. That will make life easier and you won't need to reinvent the wheel. Just run the following.

npm i osu-application

Other JS Implementations

Getting the stylesheet pulled into a Javascript application can be tricky. You will need to add this repo as a dependency and npm install:

npm i osu-ui

Then you need to import the css inside your index.css (or whatever stylesheet you're using for your application) using a tilde. The tilde tells your application to look inside the node_modules folder.

@import '~osu-ui/ui.css';