Load

commit 498492d79e7cacfa5cec3bd60f31412d946988da Author: simongehrig Date: Tue Mar 7 10:55:53 2017 +0100 Initial Commit diff --git a/.idea/scopes/css_tmp.xml b/.idea/scopes/css_tmp.xml new file mode 100644 index 0000000..9a29a5d --- /dev/null +++ b/.idea/scopes/css_tmp.xml @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/.idea/vcs.xml b/.idea/vcs.xml new file mode 100644 index 0000000..f67e3c6 --- /dev/null +++ b/.idea/vcs.xml @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/.idea/watcherTasks.xml b/.idea/watcherTasks.xml new file mode 100644 index 0000000..629b645 --- /dev/null +++ b/.idea/watcherTasks.xml @@ -0,0 +1,43 @@ + + + + + + + + + + + \ No newline at end of file diff --git a/example/load.html b/example/load.html new file mode 100644 index 0000000..c66de43 --- /dev/null +++ b/example/load.html @@ -0,0 +1,31 @@ + + + + + Load + + + + + + + +

+ + +

+ + + \ No newline at end of file diff --git a/example/loadscreen.scss b/example/loadscreen.scss new file mode 100644 index 0000000..d378f26 --- /dev/null +++ b/example/loadscreen.scss @@ -0,0 +1,11 @@ +@import "../scss/loadscreen"; + +#loadscreen{ + //@include + //background-color: white; +} + +img { + @include cols(3,0); + margin-bottom: -4px; +} \ No newline at end of file diff --git a/js/loadscreen.js b/js/loadscreen.js new file mode 100644 index 0000000..2e0bea0 --- /dev/null +++ b/js/loadscreen.js @@ -0,0 +1,9 @@ +/** + * Created by Simon on 07.03.2017. + */ + +$(window).on("load", function () { + $('#loadscreen').css({ + 'display': 'none' + }); +}); \ No newline at end of file diff --git a/scss/_loadscreen.scss b/scss/_loadscreen.scss new file mode 100644 index 0000000..17fb623 --- /dev/null +++ b/scss/_loadscreen.scss @@ -0,0 +1,36 @@ +@import "scss-grid/framework"; + +//#loadscreen { +@mixin loadscreen { + @include absolute-span(); + // Overwrite positioning + position: fixed !important; + + text-align: center; + + background-color: white; + + .loadtable { + display: table; + + height: 100%; + + width: 100%; + + .loadtext { + display: table-cell; + + height: 10px; + + vertical-align: middle; + + font-weight: 700; + + animation: blinker 3s ease-in-out infinite; + } + } + @keyframes blinker { + 50% { opacity: 0; } + } +} +//} \ No newline at end of file