G-Loot logo
Framework
v1.0.80

Surfaces

Normal

Dimmed

Colors

Highlight

Halo surface

Responsive surfaces

You can change the surface based on the screen size using the following class name: .{xx}:surface;.
{xx} can be xs, sm, md, lg, xl.

In this example, the UI 600 surface will become dimmed above 768px (md) and normal above 1280px (xl).