Boolean
$object-fit-disable-everything: false !default;
Boolean
$object-fit-disable-cover: false !default;
Boolean
$object-fit-disable-fill: false !default;
Boolean
$object-fit-disable-none: false !default;
Boolean
$object-fit-disable-scale-down: false !default;
String
$object-fit-display: block !default;
Map
$object-fit-aspect-ratios: (
"16-9": 16 9,
"4-3": 4 3,
"1-1": 1 1,
) !default;
mixin
@mixin styles($disable-layer: false) { … }
Set to true
to disable generating any styles
Set to true
to only disable the object-fit: cover
styles
Set to true
to only disable the object-fit: fill
styles
Set to true
to only disable the object-fit: none
styles
Set to true
to only disable the object-fit: scale-down
styles
The default display property value. This could be flex
, grid
, etc if it should be applied globally.
The default set of aspect ratios to support. The map key should be the class name suffix and the value a space separate list.
Generates all the styles for the objectFit
class name utility and should not be used if calling @include core.styles
.
Set this to true
to disable the layer behavior