OsecoElfab logo with photographic treatment in the three lines

Safety meets Performance

Meet OsecoElfab. After many years of serving a shared commitment to quality, service, and protecting life as sister companies, Oseco and Elfab recently merged into a unified, global company to best serve customers on a worldwide scale.

Learn More About OsecoElfab

Rupture discs for GIS/AIS switchgear

OsecoElfab specalizes in customized rupture disc designs for switchgear applications, including those using clean air. Support services include R&D, engineering advice and options for flexible supply management.

Learn More About Our rupture Disc Solutions
Rich Text Block

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Heading Tags

Heading

Heading

Heading

Heading

Heading
Heading
Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Paragraph Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Buttons
Button TextButton Text
Background Colors

Add one of the classes below to most divs to change it's background.

.bg-white
.bg-air
.bg-midnight
.bg-green
Spacers

Use spacers to add space between elements. You have to add first the .spacer class and then add a .10 - .100 subclass. If a number class is not added, it will be bright red like below.

.spacer .10 ↓
.spacer .20 ↓
.spacer .30 ↓
.spacer .40 ↓
.spacer .50 ↓
.spacer .60 ↓
.spacer .70 ↓
.spacer .80 ↓
.spacer .90 ↓
.spacer .100 ↓
Rows & Columns

Flex: Cols (auto)

.col (auto)
.col (auto)
.col (auto)
.col (auto)
.col (auto)
.col (auto)
.col (auto)
.col (auto)
.col (auto)
.col (auto)

Flex: % widths + some auto .col

.col .half
.col
.col
.col .half
.col
.col .two-thirds
.col (auto)
.col .one-third
.col (auto)
.col .three-fourths
.col (auto)

Flex: Full width 100% on Tablets down

.col .half
.col
.col
.col .two-thirds
.col (auto)
.col .one-third
.col (auto)
.col .three-fourths
.col (auto)

Flex: Full width 100% on Mobile-landscape down

.col .half
.col
.col
.col .two-thirds
.col (auto)
.col .one-third
.col (auto)
.col .three-fourths
.col (auto)

Flex: Full width 100% on Mobile

.col .half
.col
.col
.col .two-thirds
.col (auto)
.col .one-third
.col (auto)
.col .three-fourths
.col (auto)