chbim-plugins 0.0.11 → 0.0.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/chbim-plugins.js +33 -33
- package/chbim-plugins.umd.cjs +8 -8
- package/package.json +5 -2
- package/style.css +1 -1
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "chbim-plugins",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.13",
|
|
5
5
|
"description": "一个简单的组件库",
|
|
6
6
|
"main": "chbim-plugins.js",
|
|
7
7
|
"scripts": {
|
|
@@ -9,7 +9,10 @@
|
|
|
9
9
|
"build": "vite build",
|
|
10
10
|
"preview": "vite preview"
|
|
11
11
|
},
|
|
12
|
-
"keywords": [
|
|
12
|
+
"keywords": [
|
|
13
|
+
"vue",
|
|
14
|
+
"Cesium"
|
|
15
|
+
],
|
|
13
16
|
"author": "zhang",
|
|
14
17
|
"license": "ISC"
|
|
15
18
|
}
|
package/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.muk-btn[data-v-0e6d93cd]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;background:#fff;text-align:center;border:1px solid transparent;border-radius:4px;cursor:pointer}.large[data-v-0e6d93cd]{width:240px;height:50px;font-size:16px}.moddle[data-v-0e6d93cd]{width:180px;height:50px;font-size:16px}.small[data-v-0e6d93cd]{width:100px;height:32px}.mini[data-v-0e6d93cd]{width:60px;height:32px}.default[data-v-0e6d93cd]{border-color:#e4e4e4;color:#666}.primary[data-v-0e6d93cd]{border-color:#87ceeb;background:skyblue;color:#fff}.plain[data-v-0e6d93cd]{border-color:#87ceeb;color:#87ceeb;background:#ffffff}.gray[data-v-0e6d93cd]{border-color:#ccc;background:#ccc;color:#fff}.logo--mask{overflow:hidden;margin-bottom:2rem}.logo--mask img,.logo--mask p{width:20rem;height:auto;margin:0 auto;visibility:hidden;opacity:0}.logo--mask p{font-size:3.5rem;font-weight:700;text-align:center;margin:0;width:100%}.mask{display:flex;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;visibility:hidden;opacity:0}.mask__slice{flex:1;background-color:#000}.mask__inner{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translate(-50%) translateY(-50%)}.mask-line{position:relative;-webkit-transform-origin:left;transform-origin:left;width:30rem;height:3px;overflow:hidden;background-color:#ffffff40;visibility:hidden;opacity:0}.mask-line__inner{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;-webkit-transform-origin:left;transform-origin:left}@media (max-width: 800px){.resize{display:block}}@media (max-height: 600px){.resize{display:block}}*{box-sizing:border-box}#modal-container{position:fixed;display:table;height:100%;width:100%;top:0;left:0;transform:scale(0);z-index:1}#modal-container.one{transform:scaleY(.01) scaleX(0);animation:unfoldIn 1s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.one .modal-background .modal{transform:scale(0);animation:zoomIn .5s .8s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.one.out{transform:scale(1);animation:unfoldOut 1s .3s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.one.out .modal-background .modal{animation:zoomOut .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.two{transform:scale(1)}#modal-container.two .modal-background{background:transparent;animation:fadeIn .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.two .modal-background .modal{opacity:0;animation:scaleUp .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.two+.content{animation:scaleBack .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.two.out{animation:quickScaleDown 0s .5s linear forwards}#modal-container.two.out .modal-background{animation:fadeOut .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.two.out .modal-background .modal{animation:scaleDown .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.two.out+.content{animation:scaleForward .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.three{z-index:0;transform:scale(1)}#modal-container.three .modal-background{background:rgba(0,0,0,.6)}#modal-container.three .modal-background .modal{animation:moveUp .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.three+.content{z-index:1;animation:slideUpLarge .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.three.out .modal-background .modal{animation:moveDown .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.three.out+.content{animation:slideDownLarge .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.four{z-index:0;transform:scale(1)}#modal-container.four .modal-background{background:rgba(0,0,0,.7)}#modal-container.four .modal-background .modal{animation:blowUpModal .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.four+.content{z-index:1;animation:blowUpContent .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.four.out .modal-background .modal{animation:blowUpModalTwo .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.four.out+.content{animation:blowUpContentTwo .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.five{transform:scale(1)}#modal-container.five .modal-background{background:rgba(0,0,0,0);animation:fadeIn .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.five .modal-background .modal{transform:translate(-1500px);animation:roadRunnerIn .3s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.five.out{animation:quickScaleDown 0s .5s linear forwards}#modal-container.five.out .modal-background{animation:fadeOut .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.five.out .modal-background .modal{animation:roadRunnerOut .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.six{transform:scale(1)}#modal-container.six .modal-background{background:rgba(0,0,0,0);animation:fadeIn .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.six .modal-background .modal{background-color:transparent;animation:modalFadeIn .5s .8s cubic-bezier(.165,.84,.44,1) forwards;h2,p {opacity: 0; position: relative; animation: modalContentFadeIn .5s 1s cubic-bezier(.165,.84,.44,1) forwards;} .modal-svg {rect {animation: sketchIn .5s .3s cubic-bezier(.165,.84,.44,1) forwards;}}}#modal-container.six.out{animation:quickScaleDown 0s .5s linear forwards}#modal-container.six.out .modal-background{animation:fadeOut .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.six.out .modal-background .modal{animation:modalFadeOut .5s cubic-bezier(.165,.84,.44,1) forwards;h2,p {animation: modalContentFadeOut .5s cubic-bezier(.165,.84,.44,1) forwards;} .modal-svg {rect {animation: sketchOut .5s cubic-bezier(.165,.84,.44,1) forwards;}}}#modal-container.seven{transform:scale(1)}#modal-container.seven .modal-background{background:rgba(0,0,0,0);animation:fadeIn .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.seven .modal-background .modal{height:75px;width:75px;border-radius:75px;overflow:hidden;animation:bondJamesBond 1.5s cubic-bezier(.165,.84,.44,1) forwards;h2,p {opacity: 0; position: relative; animation: modalContentFadeIn .5s 1.4s linear forwards;}}#modal-container.seven.out{animation:slowFade .5s 1.5s linear forwards}#modal-container.seven.out .modal-background{background-color:#000000b3;animation:fadeToRed 2s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.seven.out .modal-background .modal{border-radius:3px;height:162px;width:227px;animation:killShot 1s cubic-bezier(.165,.84,.44,1) forwards;h2,p {animation: modalContentFadeOut .5s .5 cubic-bezier(.165,.84,.44,1) forwards;}}#modal-container .modal-background{display:table-cell;background:rgba(0,0,0,.8);text-align:center;vertical-align:middle}#modal-container .modal-background .modal{background:rgba(30,36,50,.6)!important;padding:30px;display:inline-block;border-radius:3px;font-weight:300;position:relative;border:1px solid;h2 {font-size: 25px; line-height: 25px; margin-bottom: 15px;} p {font-size: 18px; margin: 0; line-height: 1;} .modal-svg {position: absolute; top: 0; left: 0; height: 100%; width: 100%; border-radius: 3px; rect {stroke: #fff; stroke-width: 2px; stroke-dasharray: 778; stroke-dashoffset: 778;}}}.content{min-height:100%;height:100%;background:white;position:relative;z-index:0;h1 {padding: 75px 0 30px 0; text-align: center; font-size: 30px; line-height: 30px;} .buttons {max-width: 800px; margin: 0 auto; padding: 0; text-align: center; .button {display: inline-block; text-align: center; padding: 10px 15px; margin: 10px; background: red; font-size: 18px; background-color: #efefef; border-radius: 3px; box-shadow: 0 1px 2px rgba(0,0,0,.3); cursor: pointer; &:hover {color: white; background: #009bd5;}}}}@keyframes unfoldIn{0%{transform:scaleY(.005) scaleX(0)}50%{transform:scaleY(.005) scaleX(1)}to{transform:scaleY(1) scaleX(1)}}@keyframes unfoldOut{0%{transform:scaleY(1) scaleX(1)}50%{transform:scaleY(.005) scaleX(1)}to{transform:scaleY(.005) scaleX(0)}}@keyframes zoomIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes zoomOut{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes fadeIn{0%{background:rgba(0,0,0,0)}to{background:rgba(0,0,0,0)}}@keyframes fadeOut{0%{background:rgba(0,0,0,0)}to{background:rgba(0,0,0,0)}}@keyframes scaleUp{0%{transform:scale(.8) translateY(1000px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes scaleDown{0%{transform:scale(1) translateY(0);opacity:1}to{transform:scale(.8) translateY(1000px);opacity:0}}@keyframes scaleBack{0%{transform:scale(1)}to{transform:scale(.85)}}@keyframes scaleForward{0%{transform:scale(.85)}to{transform:scale(1)}}@keyframes quickScaleDown{0%{transform:scale(1)}99.9%{transform:scale(1)}to{transform:scale(0)}}@keyframes slideUpLarge{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes slideDownLarge{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes moveUp{0%{transform:translateY(150px)}to{transform:translateY(0)}}@keyframes moveDown{0%{transform:translateY(0)}to{transform:translateY(150px)}}@keyframes blowUpContent{0%{transform:scale(1);opacity:1}99.9%{transform:scale(2);opacity:0}to{transform:scale(0)}}@keyframes blowUpContentTwo{0%{transform:scale(2);opacity:0}to{transform:scale(1);opacity:1}}@keyframes blowUpModal{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes blowUpModalTwo{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}@keyframes roadRunnerIn{0%{transform:translate(-1500px) skew(30deg) scaleX(1.3)}70%{transform:translate(30px) skew(0) scaleX(.9)}to{transform:translate(0) skew(0) scaleX(1)}}@keyframes roadRunnerOut{0%{transform:translate(0) skew(0) scaleX(1)}30%{transform:translate(-30px) skew(-5deg) scaleX(.9)}to{transform:translate(1500px) skew(30deg) scaleX(1.3)}}@keyframes sketchIn{0%{stroke-dashoffset:778}to{stroke-dashoffset:0}}@keyframes sketchOut{0%{stroke-dashoffset:0}to{stroke-dashoffset:778}}@keyframes modalFadeIn{0%{background-color:transparent}to{background-color:#fff}}@keyframes modalFadeOut{0%{background-color:#fff}to{background-color:transparent}}@keyframes modalContentFadeIn{0%{opacity:0;top:-20px}to{opacity:1;top:0}}@keyframes modalContentFadeOut{0%{opacity:1;top:0px}to{opacity:0;top:-20px}}@keyframes bondJamesBond{0%{transform:translate(1000px)}80%{transform:translate(0);border-radius:75px;height:75px;width:75px}90%{border-radius:3px;height:182px;width:247px}to{border-radius:3px;height:162px;width:227px}}@keyframes killShot{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(300px) rotate(45deg);opacity:0}}@keyframes fadeToRed{0%{background-color:rgba(black,.6)}to{background-color:rgba(red,.8)}}@keyframes slowFade{0%{opacity:1}99.9%{opacity:0;transform:scale(1)}to{transform:scale(0)}}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"“""”""‘""’"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}*,*:after,*:before{box-sizing:border-box}:root{font-size:16px}body{--color-text: #fff;--color-bg: #0e0e0f;--color-link: #ec8f7b;--color-link-hover: #fff;--color-title: #fff;--color-subtitle: #fff;color:var(--color-text);background-color:var(--color-bg);font-family:Barlow,Arial,sans-serif;overflow:hidden;height:100vh}.demo-2{--color-text: #fff;--color-bg: #0e0e0f;--color-link: #854aa5;--color-link-hover: #fff;--color-title: #fff;--color-subtitle: #fff}.demo-3{--color-text: #fff;--color-bg: #0e0e0f;--color-link: #e5ca56;--color-link-hover: #fff;--color-title: #fff;--color-subtitle: #fff}.js .loading:before{content:"";position:fixed;z-index:100000;top:0;left:0;width:100%;height:100%;background:var(--color-bg)}.js .loading:after{content:"";position:fixed;z-index:100000;top:50%;left:50%;width:60px;height:60px;margin:-30px 0 0 -30px;pointer-events:none;border-radius:50%;opacity:.4;background:var(--color-link);animation:loaderAnim .7s linear infinite alternate forwards}@keyframes loaderAnim{to{opacity:1;transform:scale3d(.5,.5,1)}}a{text-decoration:none;color:var(--color-link);outline:none}a:hover,a:focus{color:var(--color-link-hover);outline:none}.frame{padding:3rem 5vw;text-align:center;position:relative;z-index:1000}.frame__title{font-size:1rem;margin:0 0 1rem;font-weight:400;line-height:1}.frame__article{line-height:1}.frame__github,.frame__demos a:not(:last-child){margin-right:1rem}.frame__demos{margin:1rem 0}.frame__demo--current,.frame__demo--current:hover{color:var(--color-text)}.content{display:flex;flex-direction:column;width:100vw;height:calc(100vh - 13rem);position:relative;justify-content:center;align-items:center}.content__title{position:relative;color:var(--color-title);font-size:5vw;text-transform:uppercase;margin:0;perspective:1000px}.content__title span{display:inline-block;white-space:pre;transform-origin:50% -50%}.content__subtitle{position:relative;margin:0;color:var(--color-subtitle)}.landscape{position:absolute;top:0;left:0}.overlay{position:fixed;width:100%;height:100%;top:0;left:0;background:#000}@media screen and (min-width: 53em){.frame{position:fixed;text-align:left;z-index:10000;top:0;left:0;display:grid;align-content:space-between;width:100%;max-width:none;height:100vh;padding:2rem;pointer-events:none;grid-template-columns:25% 50% 25%;grid-template-rows:auto auto auto;grid-template-areas:"previous title github" "... ... ..." "... demos ..."}.frame__title-wrap{grid-area:title;justify-self:center;display:flex}.frame__title{margin:0 .5rem 0 0;padding:0 .5rem 0 0;position:relative}.frame__title:after{content:"";width:1px;height:1.1rem;position:absolute;right:0;top:50%;margin-top:-.55rem;background:currentColor}.frame__github{grid-area:github;justify-self:end;margin:0}.frame__demos{margin:0;grid-area:demos;justify-self:center}.frame__previous{grid-area:previous;padding:0;justify-self:start}.frame a{pointer-events:auto}.content{height:100vh;padding:0 0 10rem;justify-content:flex-end}}
|
|
1
|
+
.muk-btn[data-v-0e6d93cd]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;background:#fff;text-align:center;border:1px solid transparent;border-radius:4px;cursor:pointer}.large[data-v-0e6d93cd]{width:240px;height:50px;font-size:16px}.moddle[data-v-0e6d93cd]{width:180px;height:50px;font-size:16px}.small[data-v-0e6d93cd]{width:100px;height:32px}.mini[data-v-0e6d93cd]{width:60px;height:32px}.default[data-v-0e6d93cd]{border-color:#e4e4e4;color:#666}.primary[data-v-0e6d93cd]{border-color:#87ceeb;background:skyblue;color:#fff}.plain[data-v-0e6d93cd]{border-color:#87ceeb;color:#87ceeb;background:#ffffff}.gray[data-v-0e6d93cd]{border-color:#ccc;background:#ccc;color:#fff}.logo--mask{overflow:hidden;margin-bottom:2rem}.logo--mask img,.logo--mask p{width:20rem;height:auto;margin:0 auto;visibility:hidden;opacity:0}.logo--mask p{font-size:3.5rem;font-weight:700;text-align:center;margin:0;width:100%}.mask{display:flex;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;visibility:hidden;opacity:0}.mask__slice{flex:1;background-color:#000}.mask__inner{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translate(-50%) translateY(-50%)}.mask-line{position:relative;-webkit-transform-origin:left;transform-origin:left;width:30rem;height:3px;overflow:hidden;background-color:#ffffff40;visibility:hidden;opacity:0}.mask-line__inner{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;-webkit-transform-origin:left;transform-origin:left}@media (max-width: 800px){.resize{display:block}}@media (max-height: 600px){.resize{display:block}}*{box-sizing:border-box}#modal-container{position:fixed;display:table;height:100%;width:100%;top:0;left:0;transform:scale(0);z-index:1}#modal-container.one{transform:scaleY(.01) scaleX(0);animation:unfoldIn 1s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.one .modal-background .modal{transform:scale(0);animation:zoomIn .5s .8s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.one.out{transform:scale(1);animation:unfoldOut 1s .3s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.one.out .modal-background .modal{animation:zoomOut .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.two{transform:scale(1)}#modal-container.two .modal-background{background:transparent;animation:fadeIn .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.two .modal-background .modal{opacity:0;animation:scaleUp .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.two+.content{animation:scaleBack .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.two.out{animation:quickScaleDown 0s .5s linear forwards}#modal-container.two.out .modal-background{animation:fadeOut .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.two.out .modal-background .modal{animation:scaleDown .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.two.out+.content{animation:scaleForward .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.three{z-index:0;transform:scale(1)}#modal-container.three .modal-background{background:rgba(0,0,0,.6)}#modal-container.three .modal-background .modal{animation:moveUp .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.three+.content{z-index:1;animation:slideUpLarge .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.three.out .modal-background .modal{animation:moveDown .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.three.out+.content{animation:slideDownLarge .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.four{z-index:0;transform:scale(1)}#modal-container.four .modal-background{background:rgba(0,0,0,.7)}#modal-container.four .modal-background .modal{animation:blowUpModal .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.four+.content{z-index:1;animation:blowUpContent .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.four.out .modal-background .modal{animation:blowUpModalTwo .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.four.out+.content{animation:blowUpContentTwo .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.five{transform:scale(1)}#modal-container.five .modal-background{background:rgba(0,0,0,0);animation:fadeIn .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.five .modal-background .modal{transform:translate(-1500px);animation:roadRunnerIn .3s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.five.out{animation:quickScaleDown 0s .5s linear forwards}#modal-container.five.out .modal-background{animation:fadeOut .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.five.out .modal-background .modal{animation:roadRunnerOut .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.six{transform:scale(1)}#modal-container.six .modal-background{background:rgba(0,0,0,0);animation:fadeIn .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.six .modal-background .modal{background-color:transparent;animation:modalFadeIn .5s .8s cubic-bezier(.165,.84,.44,1) forwards;h2,p {opacity: 0; position: relative; animation: modalContentFadeIn .5s 1s cubic-bezier(.165,.84,.44,1) forwards;} .modal-svg {rect {animation: sketchIn .5s .3s cubic-bezier(.165,.84,.44,1) forwards;}}}#modal-container.six.out{animation:quickScaleDown 0s .5s linear forwards}#modal-container.six.out .modal-background{animation:fadeOut .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.six.out .modal-background .modal{animation:modalFadeOut .5s cubic-bezier(.165,.84,.44,1) forwards;h2,p {animation: modalContentFadeOut .5s cubic-bezier(.165,.84,.44,1) forwards;} .modal-svg {rect {animation: sketchOut .5s cubic-bezier(.165,.84,.44,1) forwards;}}}#modal-container.seven{transform:scale(1)}#modal-container.seven .modal-background{background:rgba(0,0,0,0);animation:fadeIn .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.seven .modal-background .modal{height:75px;width:75px;border-radius:75px;overflow:hidden;animation:bondJamesBond 1.5s cubic-bezier(.165,.84,.44,1) forwards;h2,p {opacity: 0; position: relative; animation: modalContentFadeIn .5s 1.4s linear forwards;}}#modal-container.seven.out{animation:slowFade .5s 1.5s linear forwards}#modal-container.seven.out .modal-background{background-color:#000000b3;animation:fadeToRed 2s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.seven.out .modal-background .modal{border-radius:3px;height:162px;width:227px;animation:killShot 1s cubic-bezier(.165,.84,.44,1) forwards;h2,p {animation: modalContentFadeOut .5s .5 cubic-bezier(.165,.84,.44,1) forwards;}}#modal-container .modal-background{display:table-cell;background:rgba(0,0,0,.8);text-align:center;vertical-align:middle}#modal-container .modal-background .modal{background:rgba(30,36,50,.6)!important;padding:30px;display:inline-block;border-radius:3px;font-weight:300;position:relative;border:1px solid;h2 {font-size: 25px; line-height: 25px; margin-bottom: 15px;} p {font-size: 18px; margin: 0; line-height: 1;} .modal-svg {position: absolute; top: 0; left: 0; height: 100%; width: 100%; border-radius: 3px; rect {stroke: #fff; stroke-width: 2px; stroke-dasharray: 778; stroke-dashoffset: 778;}}}.content{min-height:100%;height:100%;background:white;position:relative;z-index:0;h1 {padding: 75px 0 30px 0; text-align: center; font-size: 30px; line-height: 30px;} .buttons {max-width: 800px; margin: 0 auto; padding: 0; text-align: center; .button {display: inline-block; text-align: center; padding: 10px 15px; margin: 10px; background: red; font-size: 18px; background-color: #efefef; border-radius: 3px; box-shadow: 0 1px 2px rgba(0,0,0,.3); cursor: pointer; &:hover {color: white; background: #009bd5;}}}}@keyframes unfoldIn{0%{transform:scaleY(.005) scaleX(0)}50%{transform:scaleY(.005) scaleX(1)}to{transform:scaleY(1) scaleX(1)}}@keyframes unfoldOut{0%{transform:scaleY(1) scaleX(1)}50%{transform:scaleY(.005) scaleX(1)}to{transform:scaleY(.005) scaleX(0)}}@keyframes zoomIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes zoomOut{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes fadeIn{0%{background:rgba(0,0,0,0)}to{background:rgba(0,0,0,0)}}@keyframes fadeOut{0%{background:rgba(0,0,0,0)}to{background:rgba(0,0,0,0)}}@keyframes scaleUp{0%{transform:scale(.8) translateY(1000px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes scaleDown{0%{transform:scale(1) translateY(0);opacity:1}to{transform:scale(.8) translateY(1000px);opacity:0}}@keyframes scaleBack{0%{transform:scale(1)}to{transform:scale(.85)}}@keyframes scaleForward{0%{transform:scale(.85)}to{transform:scale(1)}}@keyframes quickScaleDown{0%{transform:scale(1)}99.9%{transform:scale(1)}to{transform:scale(0)}}@keyframes slideUpLarge{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes slideDownLarge{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes moveUp{0%{transform:translateY(150px)}to{transform:translateY(0)}}@keyframes moveDown{0%{transform:translateY(0)}to{transform:translateY(150px)}}@keyframes blowUpContent{0%{transform:scale(1);opacity:1}99.9%{transform:scale(2);opacity:0}to{transform:scale(0)}}@keyframes blowUpContentTwo{0%{transform:scale(2);opacity:0}to{transform:scale(1);opacity:1}}@keyframes blowUpModal{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes blowUpModalTwo{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}@keyframes roadRunnerIn{0%{transform:translate(-1500px) skew(30deg) scaleX(1.3)}70%{transform:translate(30px) skew(0) scaleX(.9)}to{transform:translate(0) skew(0) scaleX(1)}}@keyframes roadRunnerOut{0%{transform:translate(0) skew(0) scaleX(1)}30%{transform:translate(-30px) skew(-5deg) scaleX(.9)}to{transform:translate(1500px) skew(30deg) scaleX(1.3)}}@keyframes sketchIn{0%{stroke-dashoffset:778}to{stroke-dashoffset:0}}@keyframes sketchOut{0%{stroke-dashoffset:0}to{stroke-dashoffset:778}}@keyframes modalFadeIn{0%{background-color:transparent}to{background-color:#fff}}@keyframes modalFadeOut{0%{background-color:#fff}to{background-color:transparent}}@keyframes modalContentFadeIn{0%{opacity:0;top:-20px}to{opacity:1;top:0}}@keyframes modalContentFadeOut{0%{opacity:1;top:0px}to{opacity:0;top:-20px}}@keyframes bondJamesBond{0%{transform:translate(1000px)}80%{transform:translate(0);border-radius:75px;height:75px;width:75px}90%{border-radius:3px;height:182px;width:247px}to{border-radius:3px;height:162px;width:227px}}@keyframes killShot{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(300px) rotate(45deg);opacity:0}}@keyframes fadeToRed{0%{background-color:rgba(black,.6)}to{background-color:rgba(red,.8)}}@keyframes slowFade{0%{opacity:1}99.9%{opacity:0;transform:scale(1)}to{transform:scale(0)}}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"“""”""‘""’"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}*,*:after,*:before{box-sizing:border-box}:root{font-size:16px}.bim_background_plate{--color-text: #fff;--color-bg: #0e0e0f;--color-link: #ec8f7b;--color-link-hover: #fff;--color-title: #fff;--color-subtitle: #fff;color:var(--color-text)}@keyframes loaderAnim{to{opacity:1;transform:scale3d(.5,.5,1)}}.bim_background_plate .frame{padding:3rem 5vw;text-align:center;position:relative;z-index:1000}.bim_background_plate .frame__title{font-size:1rem;margin:0 0 1rem;font-weight:400;line-height:1}.bim_background_plate .frame__article{line-height:1}.bim_background_plate .frame__github,.bim_background_plate .frame__demos a:not(:last-child){margin-right:1rem}.bim_background_plate .frame__demos{margin:1rem 0}.bim_background_plate .frame__demo--current,.bim_background_plate .frame__demo--current:hover{color:var(--color-text)}.bim_background_plate .content{display:flex;flex-direction:column;width:100vw;height:calc(100vh - 13rem);position:relative;justify-content:center;align-items:center}.bim_background_plate .content__title{position:relative;color:var(--color-title);font-size:5vw;text-transform:uppercase;margin:0;perspective:1000px}.bim_background_plate .content__title span{display:inline-block;white-space:pre;transform-origin:50% -50%;font-weight:800}.bim_background_plate .content__subtitle{position:relative;margin:0;color:var(--color-subtitle)}.bim_background_plate .landscape{position:absolute;top:0;left:0}.bim_background_plate .overlay{position:fixed;width:100%;height:100%;top:0;left:0;background:#000}@media screen and (min-width: 53em){.bim_background_plate .frame{position:fixed;text-align:left;z-index:10000;top:0;left:0;display:grid;align-content:space-between;width:100%;max-width:none;height:100vh;padding:2rem;pointer-events:none;grid-template-columns:25% 50% 25%;grid-template-rows:auto auto auto;grid-template-areas:"previous title github" "... ... ..." "... demos ..."}.bim_background_plate .frame__title-wrap{grid-area:title;justify-self:center;display:flex}.bim_background_plate .frame__title{margin:0 .5rem 0 0;padding:0 .5rem 0 0;position:relative}.bim_background_plate .frame__title:after{content:"";width:1px;height:1.1rem;position:absolute;right:0;top:50%;margin-top:-.55rem;background:currentColor}.bim_background_plate .frame__github{grid-area:github;justify-self:end;margin:0}.bim_background_plate .frame__demos{margin:0;grid-area:demos;justify-self:center}.bim_background_plate .frame__previous{grid-area:previous;padding:0;justify-self:start}.bim_background_plate .content{height:100vh;padding:0 0 10rem;justify-content:flex-end}}
|