KSS Style Guide

10 #Object Object

Classes for setting the object properties of an element.

Source: dist/minimal/minimal.css, line 6379

10.1 #Object - Fit Object Fit

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

Source: dist/minimal/minimal.css, line 6386
Examples
Default styling
A div
.of-con
Sets object-fit to contain
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/minimal/minimal.css, line 6409
Examples
Default styling
A div
.of-cov
Sets object-fit to cover
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/minimal/minimal.css, line 6425
Examples
Default styling
A div
.of-fil
Sets object-fit to fill
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/minimal/minimal.css, line 6393
Examples
Default styling
A div
.of-non
Sets object-fit to none
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/minimal/minimal.css, line 6441
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/minimal/minimal.css, line 6457

10.2 #Object - Position Object Position

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

Source: dist/minimal/minimal.css, line 6473
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/minimal/minimal.css, line 6560
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/minimal/minimal.css, line 6544
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/minimal/minimal.css, line 6528
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/minimal/minimal.css, line 6512
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/minimal/minimal.css, line 6496
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/minimal/minimal.css, line 6480
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/minimal/minimal.css, line 6608
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/minimal/minimal.css, line 6592
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/minimal/minimal.css, line 6576