LibreGaming
/
frontend-styles
Archived
14
0
Fork 0
Code Issues 2 Pull Requests Projects Releases Wiki Activity
LibreGaming Frontend Styles contains the stylesheets and code used on the LibreGaming Website. Frontend Styles offers responsive design and modularity. https://libregaming.org
This repository has been archived on 2022-02-28. You can view files and clone it, but cannot push or open issues or pull requests.
58 Commits 3 Branches 0 Tags 263 KiB
SCSS 37.1%
HTML 32.1%
CSS 22.8%
JavaScript 8%
Go to file
spongycake 3b314bdf9f blue links are default 
Previously orange was the default link colour. Now changed to a custom
blue. Blue as a link colour is more natural and obvious UX choice.
Contrast rules are now passing AAA tier WCAG 2 criterion, allowing us to move towards legible textual information.

Please find $link-color in `settings/_colors.scss`. The hover shade was
also reworked to pass AA WCAG 2. Extra blue variants exist but are not
accessible, they are placed in settings to cover the future development
of a dark theme. Be cautious when reusing these shades.
 		2022-02-27 00:48:30 +00:00
public build v0.1.3 2022-02-15 22:30:31 +00:00
src blue links are default 2022-02-27 00:48:30 +00:00
.gitignore public folder tracking styles and scripts 2022-02-15 21:55:22 +00:00
LICENSE Initial commit 2022-01-23 18:48:18 +00:00
README.md typo fix in README 2022-02-15 22:52:49 +00:00
package.json build v0.1.3 2022-02-15 22:30:31 +00:00
webpack.config.js uncompressed sass in devel 2022-02-01 23:05:47 +00:00

README.md

🖌️ LibreGaming Frontend Styles

This project contains code and styles useful for those wanting to copy the look and feel of LibreGaming. This serves to bring consistency across LibreGaming services and avoid repeating work.

Download Stylesheet

Web files are provided in public folder. Point your Web Browser here press the Download button at the top.

For those wanting layout and styles, add style.min.css inside your HTML. Extra functionality, such as dropdown menus, is enabled with scripts.js.

Once done, you can begin using the style definitions within HTML elements. For example, text-lightblue renders text with LibreGaming's blue branding colours.

Assets

Assets such as logos are available inside src/assets.

Development

You will need Node.js installed if you want to develop the project's code.

npm run build

to bundle your application.