Lift

Simple box-shadow style to lift element.

Preview


level 1
level 2
level 3
level 4
level 5

Module path


js

import { lift } from 'gadjet/dist/module/style/lift.js';

Function signature


lift({
    level?: number = 3,
    shadowColor?: string = 'rgb(0, 0, 0, 50%)'
}) => string;

param { level?: number = 3 }

Lifting level from 0 - 5

param { shadowColor?: string = rgb(0, 0, 0, 50%) }

CSS color for box-shadow color

return

CSS string

Usage


import { addStyle, lift } from 'gadjet';

addStyle`
div {
    ${lift({
        level: 3,
        shadowColor: 'rgb(0, 0, 0, 50%)'
    })}
}
`;
gadjet
Getting Started Style Portion UI