1.0.1 • Published 3 years ago

gaudiamus-glass v1.0.1

Weekly downloads
-
License
MIT
Repository
-
Last release
3 years ago

Glass

screen

Very simple gaudiamus example to build on top of.

live demo

screen

Use it:

  1. fork this repository
  2. clone & enjoy

Requirements

  • SASS (dartSass, as libSASS is deprecated and does not support some used features)

First steps

The file style/_variables.scss is a good starting point. It includes common Gaudiamus variables and controls values like colors, breakpoints etc.

Files

_buttons.scss

Handles button & icon behavior

_card.scss

Handles card glassmorphism

_effects.scss

Masking, clipping & scrollbar

_form

HTML form elements (input, textarea, select, checkbox)

_menu

Navbar & mobile menu

_variables

SCSS-variables

style.scss

Main stylesheet & font setup

components/toggle.js

VanillaJS toggle e.g. for menu behavior. Should work nicely with all frameworks.