From 2e76ca0f1b2dce1e0b97c40e361c504afb03f5b5 Mon Sep 17 00:00:00 2001 From: Pavel Frankov Date: Sat, 16 Sep 2017 00:43:54 +0300 Subject: [PATCH] Initial commit --- .gitignore | 1 + README.md | 10 ++++++++++ iphone-x-bar.css | 30 ++++++++++++++++++++++++++++++ package.json | 22 ++++++++++++++++++++++ test-page.html | 11 +++++++++++ 5 files changed, 74 insertions(+) create mode 100644 .gitignore create mode 100644 README.md create mode 100644 iphone-x-bar.css create mode 100644 package.json create mode 100644 test-page.html diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..62c8935 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +.idea/ \ No newline at end of file diff --git a/README.md b/README.md new file mode 100644 index 0000000..74bd11e --- /dev/null +++ b/README.md @@ -0,0 +1,10 @@ +# iPhone X Bar +### Available on any of your sites! + +## Installation +```bash +npm install --save iphone-x-bar +``` +```bash +import "iphone-x-bar"; +``` \ No newline at end of file diff --git a/iphone-x-bar.css b/iphone-x-bar.css new file mode 100644 index 0000000..e733391 --- /dev/null +++ b/iphone-x-bar.css @@ -0,0 +1,30 @@ +@media screen and (orientation: landscape) { + body:after { + content: ''; + position: fixed; + left: 0; + top: 0; + bottom: 0; + margin: auto 0; + z-index: 999999999999999999; + width: 3.76vw; + height: 54.34vh; + background: #000; + border-radius: 0 2vw 2vw 0; + } +} +@media screen and (orientation: portrait) { + body:after { + content: ''; + position: fixed; + left: 0; + right: 0; + top: 0; + margin: 0 auto; + z-index: 999999999999999999; + width: 54.34vw; + height: 3.76vh; + background: #000; + border-radius: 0 0 2vw 2vw; + } +} \ No newline at end of file diff --git a/package.json b/package.json new file mode 100644 index 0000000..37ffd8c --- /dev/null +++ b/package.json @@ -0,0 +1,22 @@ +{ + "name": "iphone-x-bar", + "version": "1.0.0", + "description": "Gorgeus iPhone X bar", + "main": "iphone-x-bar.css", + "author": { + "name": "Pavel Frankov", + "email": "pavel@frankov.ru" + }, + "license": "MIT", + "style": "greedo.css", + "keywords": [ + "iphone", + "iphone x", + "bar", + "innovations", + "revolutionary" + ], + "files": [ + "iphone-x-bar.css" + ] +} diff --git a/test-page.html b/test-page.html new file mode 100644 index 0000000..c8e2512 --- /dev/null +++ b/test-page.html @@ -0,0 +1,11 @@ + + + + + Title + + + + + + \ No newline at end of file