KSS Style Guide

29 #Object Object

Classes for setting the object properties of an element.

Source: dist/standard/standard.css, line 10777

29.1 #Object - Fit Object Fit

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

Source: dist/standard/standard.css, line 10784
Examples
Default styling
A div
.of-con
Sets object-fit to contain
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 10807
Examples
Default styling
A div
.of-cov
Sets object-fit to cover
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 10823
Examples
Default styling
A div
.of-fil
Sets object-fit to fill
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 10791
Examples
Default styling
A div
.of-non
Sets object-fit to none
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 10839
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/standard/standard.css, line 10855

29.2 #Object - Position Object Position

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

Source: dist/standard/standard.css, line 10871
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/standard/standard.css, line 10958
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/standard/standard.css, line 10942
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/standard/standard.css, line 10926
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/standard/standard.css, line 10910
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/standard/standard.css, line 10894
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/standard/standard.css, line 10878
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/standard/standard.css, line 11006
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/standard/standard.css, line 10990
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/standard/standard.css, line 10974