Utility

Panel

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Panel Scrollable

Overflow Auto

Table Heading	Table Heading	Table Heading	Table Heading	Table Heading	Table Heading
Table Footer	Table Footer	Table Footer	Table Footer	Table Footer	Table Footer
Table Data	Table Data	Table Data	Table Data	Table Data	Table Data
Table Data	Table Data	Table Data	Table Data	Table Data	Table Data
Table Data	Table Data	Table Data	Table Data	Table Data	Table Data

Pre scrollable

<div gls-grid>
    <div class="gls-width-1-2">…</div><div class="gls-width-1-2">…</div><div class="gls-width-1-2">…</div>
    <div class="gls-width-1-2">…</div>
</div>

<div gls-grid>
    <div class="gls-width-1-2">…</div>
    <div class="gls-width-1-2">…</div>
</div>

<div gls-grid>
    <div class="gls-width-1-2">…</div>
    <div class="gls-width-1-2">…</div>
</div>

<div gls-grid>
    <div class="gls-width-1-2">…</div>
    <div class="gls-width-1-2">…</div>
</div>

<div gls-grid>
    <div class="gls-width-1-2">…</div>
    <div class="gls-width-1-2">…</div>
</div>

<div gls-grid>
    <div class="gls-width-1-2">…</div>
    <div class="gls-width-1-2">…</div>
</div>

<div gls-grid>
    <div class="gls-width-1-2">…</div>
    <div class="gls-width-1-2">…</div>
</div>

<div gls-grid>
    <div class="gls-width-1-2">…</div>
    <div class="gls-width-1-2">…</div>
</div>

Overflow Auto JS

Some content before the overflow auto container.

Some content after the overflow auto container.

Some content before the overflow auto container.

Some content after the overflow auto container.

JavaScript Options

Option	Value	Default	Description
`selContainer`	CSS selector	`.gls-modal`	The container element which provides the height.
`selContent`	CSS selector	`.gls-modal-dialog`	The element which wraps the inner content to provide its height.

Responsive Objects

JS Responsive Width (Iframe)

Responsive Height (Image)

Object Fit and Position

Object Fit Cover

Object Fit Contain

Object Fit Cover Left

Box-shadows

Hover

Small

Medium

Large

X-Large

Box-shadow Bottom

Drop Cap

Dorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Torem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Logo

Text Logo

Image

+ Inverse Image

Picture

+ Inverse Picture