css-device-frames

v1.0.6
A collection of single-element, CSS-only application and device frames with support for multiple themes, customization via CSS custom properties, grid-based layouts, iframe elements, and scrolling content.
browser css dark device devices div element frame frames and 21 more...

Readme Versions Dependencies Scripts

build

run-s build:sass build:header

build:header

replace-in-file ./dist/**/* --configFile ./replace.config.js

build:sass

run-p build:sass-*

build:sass-exp

sass src/index.scss dist/device-frames.css

build:sass-min

sass src/index.scss dist/device-frames.min.css --style=compressed

clean

rimraf dist/*

lint

eslint . && markdownlint . --ignore node_modules

prepare

run-s clean build

serve

node server.js

start

npm-run-all -s build -p watch serve

version

run-s prepare lint && git add -A dist

watch

run-p watch:*

watch:header

nodemon -C -q -w dist -e '*' -x run-s build:header

watch:sass

run-p 'build:sass-* -- -w'
npm i css-device-frames

Metadata

  • MIT
  • Whatever
  • John Hildenbiddle
  • released 2/7/2024

Downloads

Maintainers