eyeglass-image-dimensions

An eyeglass module that provides libsass the same image dimensions functionality found in ruby compass.

Usage no npm install needed!

<script type="module">
  import eyeglassImageDimensions from 'https://cdn.skypack.dev/eyeglass-image-dimensions';
</script>

README

Build Status NPM Downloads devDependency Status

eyeglass-image-dimensions

An eyeglass module to give LibSass the same image dimension functionality found in ruby compass.

Setup

To use image dimensions first install eyeglass then eyeglass-image-dimensions:

npm install eyeglass --save-dev
npm install eyeglass-image-dimensions --save-dev

Then add the following to your sass file/s:

@import 'image-dimensions';

Usage

image-width

returns the width of the image in pixels.

width: image-width($image);

image-height

returns the height of the image in pixels.

height: image-height($image);

image-dimensions

returns a space separated list consisting of the width and height of an image in pixels.

background-size: image-dimensions($image);