diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..8f9d799 --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +node_modules/* +dist/* \ No newline at end of file diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..6f3a291 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/babel.config.json b/babel.config.json new file mode 100644 index 0000000..bf7c978 --- /dev/null +++ b/babel.config.json @@ -0,0 +1,21 @@ +{ + "presets": [ + [ + "@babel/preset-env", + { + "targets": { + "ie": 11 + }, + "useBuiltIns": "entry" + } + ] + ], + "plugins": [ + [ + "@babel/plugin-transform-arrow-functions", + { + "spec": true + } + ] + ] +} \ No newline at end of file diff --git a/demo/flowy.min.css b/demo/flowy.min.css index 3c6ebf3..29aca31 100644 --- a/demo/flowy.min.css +++ b/demo/flowy.min.css @@ -1 +1,43 @@ -.dragging{z-index:111!important}.block{position:absolute;z-index:9}.indicator{width:12px;height:12px;border-radius:60px;background-color:#217ce8;margin-top:-5px;opacity:1;transition:all .3s cubic-bezier(.05,.03,.35,1);transform:scale(1);position:absolute;z-index:2}.invisible{opacity:0!important;transform:scale(0)}.indicator:after{content:"";display:block;width:12px;height:12px;background-color:#217ce8;transform:scale(1.7);opacity:.2;border-radius:60px}.arrowblock{position:absolute;width:100%;overflow:visible;pointer-events:none}.arrowblock svg{width: -webkit-fill-available;overflow: visible;} \ No newline at end of file +.dragging { + z-index: 111 !important; +} +.block { + position: absolute; + z-index: 9; +} +.indicator { + width: 12px; + height: 12px; + border-radius: 60px; + background-color: #217ce8; + margin-top: -5px; + opacity: 1; + transition: all 0.3s cubic-bezier(0.05, 0.03, 0.35, 1); + transform: scale(1); + position: absolute; + z-index: 2; +} +.invisible { + opacity: 0 !important; + transform: scale(0); +} +.indicator:after { + content: ""; + display: block; + width: 12px; + height: 12px; + background-color: #217ce8; + transform: scale(1.7); + opacity: 0.2; + border-radius: 60px; +} +.arrowblock { + position: absolute; + width: 100%; + overflow: visible; + pointer-events: none; +} +.arrowblock svg { + width: -webkit-fill-available; + overflow: visible; +} diff --git a/demo/index.html b/demo/index.html index e3a81a8..a2662cd 100644 --- a/demo/index.html +++ b/demo/index.html @@ -1,164 +1,229 @@ - + -
- -Blocks
-New visitor
-Triggers when somebody visits a specified page
-Action is performed
-Triggers when somebody performs a specified action
-Time has passed
-Triggers after a specified amount of time
-Error prompt
-Triggers when a specified error happens
-Properties
-Select database
-Check properties
-Log on successful performance
Give priority to this block
Blocks
+New visitor
++ Triggers when somebody visits a specified + page +
+Action is performed
++ Triggers when somebody performs a specified + action +
+Time has passed
++ Triggers after a specified amount of time +
+Error prompt
++ Triggers when a specified error happens +
+Properties
+Select database
+Check properties
+Log on successful performance
+Give priority to this block
+New visitor
Triggers when somebody visits a specified page
Action is performed
Triggers when somebody performs a specified action
Time has passed
Triggers after a specified amount of time
Error prompt
Triggers when a specified error happens
New visitor
Triggers when somebody visits a specified page
Action is performed
Triggers when somebody performs a specified action
Time has passed
Triggers after a specified amount of time
Error prompt
Triggers when a specified error happens