KSS Style Guide

29 #Object Object

Classes for setting the object properties of an element.

Source: dist/full/full.css, line 19567

29.1 #Object - Fit Object Fit

Classes for setting the object-fit property of an element.

Source: dist/full/full.css, line 19574
Examples
Default styling
A div
.of-con
Sets object-fit to contain
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 19597
Examples
Default styling
A div
.of-cov
Sets object-fit to cover
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 19613
Examples
Default styling
A div
.of-fil
Sets object-fit to fill
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 19581
Examples
Default styling
A div
.of-non
Sets object-fit to none
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 19629
Examples
Default styling
A div
.of-scd
Sets object-fit to scale-down
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 19645

29.2 #Object - Position Object Position

Classes for setting the object-position property of an element.

Source: dist/full/full.css, line 19661
Examples
Default styling
A div
.op-cb
Sets object-position to center bottom
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 19748
Examples
Default styling
A div
.op-cc
Sets object-position to center center
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 19732
Examples
Default styling
A div
.op-ct
Sets object-position to center top
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 19716
Examples
Default styling
A div
.op-lb
Sets object-position to left bottom
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 19700
Examples
Default styling
A div
.op-lc
Sets object-position to left center
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 19684
Examples
Default styling
A div
.op-lt
Sets object-position to left top
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 19668
Examples
Default styling
A div
.op-rb
Sets object-position to right bottom
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 19796
Examples
Default styling
A div
.op-rc
Sets object-position to right center
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 19780
Examples
Default styling
A div
.op-rt
Sets object-position to right top
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 19764