diff --git a/intro-to-VueJS/game-vuejs/css/foundation.min.css b/intro-to-VueJS/game-vuejs/css/foundation.min.css deleted file mode 100644 index 2efe454..0000000 --- a/intro-to-VueJS/game-vuejs/css/foundation.min.css +++ /dev/null @@ -1,2367 +0,0 @@ -/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ -html { - font-family: sans-serif; - -ms-text-size-adjust: 100%; - -webkit-text-size-adjust: 100% -} - -body { - margin: 0 -} - -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -main, -menu, -nav, -section, -summary { - display: block -} - -audio, -canvas, -progress, -video { - display: inline-block; - vertical-align: baseline -} - -audio:not([controls]) { - display: none; - height: 0 -} - -[hidden], -template { - display: none -} - -a { - background-color: transparent -} - -a:active, -a:hover { - outline: 0 -} - -abbr[title] { - border-bottom: 1px dotted -} - -b, -strong { - font-weight: 700 -} - -dfn { - font-style: italic -} - -h1 { - font-size: 2em; - margin: .67em 0 -} - -mark { - background: #ff0; - color: #000 -} - -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: 1em 40px -} - -hr { - box-sizing: content-box; - height: 0 -} - -pre { - overflow: auto -} - -code, -kbd, -pre, -samp { - font-family: monospace; - font-size: 1em -} - -button, -input, -optgroup, -select, -textarea { - color: inherit; - font: inherit; - margin: 0 -} - -button { - overflow: visible -} - -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: not-allowed -} - -button::-moz-focus-inner, -input::-moz-focus-inner { - border: 0; - padding: 0 -} - -input { - line-height: normal -} - -input[type=checkbox], -input[type=radio] { - box-sizing: border-box; - padding: 0 -} - -input[type=number]::-webkit-inner-spin-button, -input[type=number]::-webkit-outer-spin-button { - height: auto -} - -input[type=search] { - -webkit-appearance: textfield; - box-sizing: content-box -} - -input[type=search]::-webkit-search-cancel-button, -input[type=search]::-webkit-search-decoration { - -webkit-appearance: none -} - -legend { - border: 0; - padding: 0 -} - -textarea { - overflow: auto -} - -optgroup { - font-weight: 700 -} - -table { - border-collapse: collapse; - border-spacing: 0 -} - -td, -th { - padding: 0 -} - -.foundation-mq { - font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em" -} - -html { - font-size: 100%; - box-sizing: border-box -} - -*, -:after, -:before { - box-sizing: inherit -} - -body { - padding: 0; - margin: 0; - font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif; - font-weight: 400; - line-height: 1.5; - color: #0a0a0a; - background: #fefefe; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale -} - -img { - max-width: 100%; - height: auto; - -ms-interpolation-mode: bicubic; - display: inline-block; - vertical-align: middle -} - -textarea { - height: auto; - min-height: 50px -} - -select, -textarea { - border-radius: 3px -} - -select { - width: 100% -} - -#map_canvas embed, -#map_canvas img, -#map_canvas object, -.map_canvas embed, -.map_canvas img, -.map_canvas object, -.mqa-display embed, -.mqa-display img, -.mqa-display object { - max-width: none !important -} - -button { - -webkit-appearance: none; - -moz-appearance: none; - background: transparent; - padding: 0; - border: 0; - border-radius: 3px; - line-height: 1 -} - -[data-whatinput=mouse] button { - outline: 0 -} - -.is-visible { - display: block !important -} - -.is-hidden { - display: none !important -} - -.row { - max-width: 62.5rem; - margin-left: auto; - margin-right: auto -} - -.row:after, -.row:before { - content: ' '; - display: table -} - -.row:after { - clear: both -} - -.row.collapse>.column, -.row.collapse>.columns { - padding-left: 0; - padding-right: 0 -} - -.row .row { - max-width: none; - margin-left: -.9375rem; - margin-right: -.9375rem -} - -.row .row.collapse { - margin-left: 0; - margin-right: 0 -} - -.row.expanded { - max-width: none -} - -.row.expanded .row { - margin-left: auto; - margin-right: auto -} - -.column, -.columns { - width: 100%; - float: left; - padding-left: .9375rem; - padding-right: .9375rem -} - -.column:last-child:not(:first-child), -.columns:last-child:not(:first-child) { - float: right -} - -.column.end:last-child:last-child, -.end.columns:last-child:last-child { - float: left -} - -.column.row.row, -.row.row.columns { - float: none -} - -.row .column.row.row, -.row .row.row.columns { - padding-left: 0; - padding-right: 0; - margin-left: 0; - margin-right: 0 -} - -.small-1 { - width: 8.33333% -} - -.small-push-1 { - position: relative; - left: 8.33333% -} - -.small-pull-1 { - position: relative; - left: -8.33333% -} - -.small-offset-0 { - margin-left: 0 -} - -.small-2 { - width: 16.66667% -} - -.small-push-2 { - position: relative; - left: 16.66667% -} - -.small-pull-2 { - position: relative; - left: -16.66667% -} - -.small-offset-1 { - margin-left: 8.33333% -} - -.small-3 { - width: 25% -} - -.small-push-3 { - position: relative; - left: 25% -} - -.small-pull-3 { - position: relative; - left: -25% -} - -.small-offset-2 { - margin-left: 16.66667% -} - -.small-4 { - width: 33.33333% -} - -.small-push-4 { - position: relative; - left: 33.33333% -} - -.small-pull-4 { - position: relative; - left: -33.33333% -} - -.small-offset-3 { - margin-left: 25% -} - -.small-5 { - width: 41.66667% -} - -.small-push-5 { - position: relative; - left: 41.66667% -} - -.small-pull-5 { - position: relative; - left: -41.66667% -} - -.small-offset-4 { - margin-left: 33.33333% -} - -.small-6 { - width: 50% -} - -.small-push-6 { - position: relative; - left: 50% -} - -.small-pull-6 { - position: relative; - left: -50% -} - -.small-offset-5 { - margin-left: 41.66667% -} - -.small-7 { - width: 58.33333% -} - -.small-push-7 { - position: relative; - left: 58.33333% -} - -.small-pull-7 { - position: relative; - left: -58.33333% -} - -.small-offset-6 { - margin-left: 50% -} - -.small-8 { - width: 66.66667% -} - -.small-push-8 { - position: relative; - left: 66.66667% -} - -.small-pull-8 { - position: relative; - left: -66.66667% -} - -.small-offset-7 { - margin-left: 58.33333% -} - -.small-9 { - width: 75% -} - -.small-push-9 { - position: relative; - left: 75% -} - -.small-pull-9 { - position: relative; - left: -75% -} - -.small-offset-8 { - margin-left: 66.66667% -} - -.small-10 { - width: 83.33333% -} - -.small-push-10 { - position: relative; - left: 83.33333% -} - -.small-pull-10 { - position: relative; - left: -83.33333% -} - -.small-offset-9 { - margin-left: 75% -} - -.small-11 { - width: 91.66667% -} - -.small-push-11 { - position: relative; - left: 91.66667% -} - -.small-pull-11 { - position: relative; - left: -91.66667% -} - -.small-offset-10 { - margin-left: 83.33333% -} - -.small-12 { - width: 100% -} - -.small-offset-11 { - margin-left: 91.66667% -} - -.small-up-1>.column, -.small-up-1>.columns { - width: 100%; - float: left -} - -.small-up-1>.column:nth-of-type(1n), -.small-up-1>.columns:nth-of-type(1n) { - clear: none -} - -.small-up-1>.column:nth-of-type(1n+1), -.small-up-1>.columns:nth-of-type(1n+1) { - clear: both -} - -.small-up-1>.column:last-child, -.small-up-1>.columns:last-child { - float: left -} - -.small-up-2>.column, -.small-up-2>.columns { - width: 50%; - float: left -} - -.small-up-2>.column:nth-of-type(1n), -.small-up-2>.columns:nth-of-type(1n) { - clear: none -} - -.small-up-2>.column:nth-of-type(2n+1), -.small-up-2>.columns:nth-of-type(2n+1) { - clear: both -} - -.small-up-2>.column:last-child, -.small-up-2>.columns:last-child { - float: left -} - -.small-up-3>.column, -.small-up-3>.columns { - width: 33.33333%; - float: left -} - -.small-up-3>.column:nth-of-type(1n), -.small-up-3>.columns:nth-of-type(1n) { - clear: none -} - -.small-up-3>.column:nth-of-type(3n+1), -.small-up-3>.columns:nth-of-type(3n+1) { - clear: both -} - -.small-up-3>.column:last-child, -.small-up-3>.columns:last-child { - float: left -} - -.small-up-4>.column, -.small-up-4>.columns { - width: 25%; - float: left -} - -.small-up-4>.column:nth-of-type(1n), -.small-up-4>.columns:nth-of-type(1n) { - clear: none -} - -.small-up-4>.column:nth-of-type(4n+1), -.small-up-4>.columns:nth-of-type(4n+1) { - clear: both -} - -.small-up-4>.column:last-child, -.small-up-4>.columns:last-child { - float: left -} - -.small-up-5>.column, -.small-up-5>.columns { - width: 20%; - float: left -} - -.small-up-5>.column:nth-of-type(1n), -.small-up-5>.columns:nth-of-type(1n) { - clear: none -} - -.small-up-5>.column:nth-of-type(5n+1), -.small-up-5>.columns:nth-of-type(5n+1) { - clear: both -} - -.small-up-5>.column:last-child, -.small-up-5>.columns:last-child { - float: left -} - -.small-up-6>.column, -.small-up-6>.columns { - width: 16.66667%; - float: left -} - -.small-up-6>.column:nth-of-type(1n), -.small-up-6>.columns:nth-of-type(1n) { - clear: none -} - -.small-up-6>.column:nth-of-type(6n+1), -.small-up-6>.columns:nth-of-type(6n+1) { - clear: both -} - -.small-up-6>.column:last-child, -.small-up-6>.columns:last-child { - float: left -} - -.small-up-7>.column, -.small-up-7>.columns { - width: 14.28571%; - float: left -} - -.small-up-7>.column:nth-of-type(1n), -.small-up-7>.columns:nth-of-type(1n) { - clear: none -} - -.small-up-7>.column:nth-of-type(7n+1), -.small-up-7>.columns:nth-of-type(7n+1) { - clear: both -} - -.small-up-7>.column:last-child, -.small-up-7>.columns:last-child { - float: left -} - -.small-up-8>.column, -.small-up-8>.columns { - width: 12.5%; - float: left -} - -.small-up-8>.column:nth-of-type(1n), -.small-up-8>.columns:nth-of-type(1n) { - clear: none -} - -.small-up-8>.column:nth-of-type(8n+1), -.small-up-8>.columns:nth-of-type(8n+1) { - clear: both -} - -.small-up-8>.column:last-child, -.small-up-8>.columns:last-child { - float: left -} - -.small-collapse>.column, -.small-collapse>.columns { - padding-left: 0; - padding-right: 0 -} - -.expanded.row .small-collapse.row, -.small-collapse .row { - margin-left: 0; - margin-right: 0 -} - -.small-uncollapse>.column, -.small-uncollapse>.columns { - padding-left: .9375rem; - padding-right: .9375rem -} - -.small-centered { - float: none; - margin-left: auto; - margin-right: auto -} - -.small-pull-0, -.small-push-0, -.small-uncentered { - position: static; - margin-left: 0; - margin-right: 0; - float: left -} - -@media screen and (min-width:40em) { - .medium-1 { - width: 8.33333% - } - - .medium-push-1 { - position: relative; - left: 8.33333% - } - - .medium-pull-1 { - position: relative; - left: -8.33333% - } - - .medium-offset-0 { - margin-left: 0 - } - - .medium-2 { - width: 16.66667% - } - - .medium-push-2 { - position: relative; - left: 16.66667% - } - - .medium-pull-2 { - position: relative; - left: -16.66667% - } - - .medium-offset-1 { - margin-left: 8.33333% - } - - .medium-3 { - width: 25% - } - - .medium-push-3 { - position: relative; - left: 25% - } - - .medium-pull-3 { - position: relative; - left: -25% - } - - .medium-offset-2 { - margin-left: 16.66667% - } - - .medium-4 { - width: 33.33333% - } - - .medium-push-4 { - position: relative; - left: 33.33333% - } - - .medium-pull-4 { - position: relative; - left: -33.33333% - } - - .medium-offset-3 { - margin-left: 25% - } - - .medium-5 { - width: 41.66667% - } - - .medium-push-5 { - position: relative; - left: 41.66667% - } - - .medium-pull-5 { - position: relative; - left: -41.66667% - } - - .medium-offset-4 { - margin-left: 33.33333% - } - - .medium-6 { - width: 50% - } - - .medium-push-6 { - position: relative; - left: 50% - } - - .medium-pull-6 { - position: relative; - left: -50% - } - - .medium-offset-5 { - margin-left: 41.66667% - } - - .medium-7 { - width: 58.33333% - } - - .medium-push-7 { - position: relative; - left: 58.33333% - } - - .medium-pull-7 { - position: relative; - left: -58.33333% - } - - .medium-offset-6 { - margin-left: 50% - } - - .medium-8 { - width: 66.66667% - } - - .medium-push-8 { - position: relative; - left: 66.66667% - } - - .medium-pull-8 { - position: relative; - left: -66.66667% - } - - .medium-offset-7 { - margin-left: 58.33333% - } - - .medium-9 { - width: 75% - } - - .medium-push-9 { - position: relative; - left: 75% - } - - .medium-pull-9 { - position: relative; - left: -75% - } - - .medium-offset-8 { - margin-left: 66.66667% - } - - .medium-10 { - width: 83.33333% - } - - .medium-push-10 { - position: relative; - left: 83.33333% - } - - .medium-pull-10 { - position: relative; - left: -83.33333% - } - - .medium-offset-9 { - margin-left: 75% - } - - .medium-11 { - width: 91.66667% - } - - .medium-push-11 { - position: relative; - left: 91.66667% - } - - .medium-pull-11 { - position: relative; - left: -91.66667% - } - - .medium-offset-10 { - margin-left: 83.33333% - } - - .medium-12 { - width: 100% - } - - .medium-offset-11 { - margin-left: 91.66667% - } - - .medium-up-1>.column, - .medium-up-1>.columns { - width: 100%; - float: left - } - - .medium-up-1>.column:nth-of-type(1n), - .medium-up-1>.columns:nth-of-type(1n) { - clear: none - } - - .medium-up-1>.column:nth-of-type(1n+1), - .medium-up-1>.columns:nth-of-type(1n+1) { - clear: both - } - - .medium-up-1>.column:last-child, - .medium-up-1>.columns:last-child { - float: left - } - - .medium-up-2>.column, - .medium-up-2>.columns { - width: 50%; - float: left - } - - .medium-up-2>.column:nth-of-type(1n), - .medium-up-2>.columns:nth-of-type(1n) { - clear: none - } - - .medium-up-2>.column:nth-of-type(2n+1), - .medium-up-2>.columns:nth-of-type(2n+1) { - clear: both - } - - .medium-up-2>.column:last-child, - .medium-up-2>.columns:last-child { - float: left - } - - .medium-up-3>.column, - .medium-up-3>.columns { - width: 33.33333%; - float: left - } - - .medium-up-3>.column:nth-of-type(1n), - .medium-up-3>.columns:nth-of-type(1n) { - clear: none - } - - .medium-up-3>.column:nth-of-type(3n+1), - .medium-up-3>.columns:nth-of-type(3n+1) { - clear: both - } - - .medium-up-3>.column:last-child, - .medium-up-3>.columns:last-child { - float: left - } - - .medium-up-4>.column, - .medium-up-4>.columns { - width: 25%; - float: left - } - - .medium-up-4>.column:nth-of-type(1n), - .medium-up-4>.columns:nth-of-type(1n) { - clear: none - } - - .medium-up-4>.column:nth-of-type(4n+1), - .medium-up-4>.columns:nth-of-type(4n+1) { - clear: both - } - - .medium-up-4>.column:last-child, - .medium-up-4>.columns:last-child { - float: left - } - - .medium-up-5>.column, - .medium-up-5>.columns { - width: 20%; - float: left - } - - .medium-up-5>.column:nth-of-type(1n), - .medium-up-5>.columns:nth-of-type(1n) { - clear: none - } - - .medium-up-5>.column:nth-of-type(5n+1), - .medium-up-5>.columns:nth-of-type(5n+1) { - clear: both - } - - .medium-up-5>.column:last-child, - .medium-up-5>.columns:last-child { - float: left - } - - .medium-up-6>.column, - .medium-up-6>.columns { - width: 16.66667%; - float: left - } - - .medium-up-6>.column:nth-of-type(1n), - .medium-up-6>.columns:nth-of-type(1n) { - clear: none - } - - .medium-up-6>.column:nth-of-type(6n+1), - .medium-up-6>.columns:nth-of-type(6n+1) { - clear: both - } - - .medium-up-6>.column:last-child, - .medium-up-6>.columns:last-child { - float: left - } - - .medium-up-7>.column, - .medium-up-7>.columns { - width: 14.28571%; - float: left - } - - .medium-up-7>.column:nth-of-type(1n), - .medium-up-7>.columns:nth-of-type(1n) { - clear: none - } - - .medium-up-7>.column:nth-of-type(7n+1), - .medium-up-7>.columns:nth-of-type(7n+1) { - clear: both - } - - .medium-up-7>.column:last-child, - .medium-up-7>.columns:last-child { - float: left - } - - .medium-up-8>.column, - .medium-up-8>.columns { - width: 12.5%; - float: left - } - - .medium-up-8>.column:nth-of-type(1n), - .medium-up-8>.columns:nth-of-type(1n) { - clear: none - } - - .medium-up-8>.column:nth-of-type(8n+1), - .medium-up-8>.columns:nth-of-type(8n+1) { - clear: both - } - - .medium-up-8>.column:last-child, - .medium-up-8>.columns:last-child { - float: left - } - - .medium-collapse>.column, - .medium-collapse>.columns { - padding-left: 0; - padding-right: 0 - } - - .expanded.row .medium-collapse.row, - .medium-collapse .row { - margin-left: 0; - margin-right: 0 - } - - .medium-uncollapse>.column, - .medium-uncollapse>.columns { - padding-left: .9375rem; - padding-right: .9375rem - } - - .medium-centered { - float: none; - margin-left: auto; - margin-right: auto - } - - .medium-pull-0, - .medium-push-0, - .medium-uncentered { - position: static; - margin-left: 0; - margin-right: 0; - float: left - } -} - -@media screen and (min-width:64em) { - .large-1 { - width: 8.33333% - } - - .large-push-1 { - position: relative; - left: 8.33333% - } - - .large-pull-1 { - position: relative; - left: -8.33333% - } - - .large-offset-0 { - margin-left: 0 - } - - .large-2 { - width: 16.66667% - } - - .large-push-2 { - position: relative; - left: 16.66667% - } - - .large-pull-2 { - position: relative; - left: -16.66667% - } - - .large-offset-1 { - margin-left: 8.33333% - } - - .large-3 { - width: 25% - } - - .large-push-3 { - position: relative; - left: 25% - } - - .large-pull-3 { - position: relative; - left: -25% - } - - .large-offset-2 { - margin-left: 16.66667% - } - - .large-4 { - width: 33.33333% - } - - .large-push-4 { - position: relative; - left: 33.33333% - } - - .large-pull-4 { - position: relative; - left: -33.33333% - } - - .large-offset-3 { - margin-left: 25% - } - - .large-5 { - width: 41.66667% - } - - .large-push-5 { - position: relative; - left: 41.66667% - } - - .large-pull-5 { - position: relative; - left: -41.66667% - } - - .large-offset-4 { - margin-left: 33.33333% - } - - .large-6 { - width: 50% - } - - .large-push-6 { - position: relative; - left: 50% - } - - .large-pull-6 { - position: relative; - left: -50% - } - - .large-offset-5 { - margin-left: 41.66667% - } - - .large-7 { - width: 58.33333% - } - - .large-push-7 { - position: relative; - left: 58.33333% - } - - .large-pull-7 { - position: relative; - left: -58.33333% - } - - .large-offset-6 { - margin-left: 50% - } - - .large-8 { - width: 66.66667% - } - - .large-push-8 { - position: relative; - left: 66.66667% - } - - .large-pull-8 { - position: relative; - left: -66.66667% - } - - .large-offset-7 { - margin-left: 58.33333% - } - - .large-9 { - width: 75% - } - - .large-push-9 { - position: relative; - left: 75% - } - - .large-pull-9 { - position: relative; - left: -75% - } - - .large-offset-8 { - margin-left: 66.66667% - } - - .large-10 { - width: 83.33333% - } - - .large-push-10 { - position: relative; - left: 83.33333% - } - - .large-pull-10 { - position: relative; - left: -83.33333% - } - - .large-offset-9 { - margin-left: 75% - } - - .large-11 { - width: 91.66667% - } - - .large-push-11 { - position: relative; - left: 91.66667% - } - - .large-pull-11 { - position: relative; - left: -91.66667% - } - - .large-offset-10 { - margin-left: 83.33333% - } - - .large-12 { - width: 100% - } - - .large-offset-11 { - margin-left: 91.66667% - } - - .large-up-1>.column, - .large-up-1>.columns { - width: 100%; - float: left - } - - .large-up-1>.column:nth-of-type(1n), - .large-up-1>.columns:nth-of-type(1n) { - clear: none - } - - .large-up-1>.column:nth-of-type(1n+1), - .large-up-1>.columns:nth-of-type(1n+1) { - clear: both - } - - .large-up-1>.column:last-child, - .large-up-1>.columns:last-child { - float: left - } - - .large-up-2>.column, - .large-up-2>.columns { - width: 50%; - float: left - } - - .large-up-2>.column:nth-of-type(1n), - .large-up-2>.columns:nth-of-type(1n) { - clear: none - } - - .large-up-2>.column:nth-of-type(2n+1), - .large-up-2>.columns:nth-of-type(2n+1) { - clear: both - } - - .large-up-2>.column:last-child, - .large-up-2>.columns:last-child { - float: left - } - - .large-up-3>.column, - .large-up-3>.columns { - width: 33.33333%; - float: left - } - - .large-up-3>.column:nth-of-type(1n), - .large-up-3>.columns:nth-of-type(1n) { - clear: none - } - - .large-up-3>.column:nth-of-type(3n+1), - .large-up-3>.columns:nth-of-type(3n+1) { - clear: both - } - - .large-up-3>.column:last-child, - .large-up-3>.columns:last-child { - float: left - } - - .large-up-4>.column, - .large-up-4>.columns { - width: 25%; - float: left - } - - .large-up-4>.column:nth-of-type(1n), - .large-up-4>.columns:nth-of-type(1n) { - clear: none - } - - .large-up-4>.column:nth-of-type(4n+1), - .large-up-4>.columns:nth-of-type(4n+1) { - clear: both - } - - .large-up-4>.column:last-child, - .large-up-4>.columns:last-child { - float: left - } - - .large-up-5>.column, - .large-up-5>.columns { - width: 20%; - float: left - } - - .large-up-5>.column:nth-of-type(1n), - .large-up-5>.columns:nth-of-type(1n) { - clear: none - } - - .large-up-5>.column:nth-of-type(5n+1), - .large-up-5>.columns:nth-of-type(5n+1) { - clear: both - } - - .large-up-5>.column:last-child, - .large-up-5>.columns:last-child { - float: left - } - - .large-up-6>.column, - .large-up-6>.columns { - width: 16.66667%; - float: left - } - - .large-up-6>.column:nth-of-type(1n), - .large-up-6>.columns:nth-of-type(1n) { - clear: none - } - - .large-up-6>.column:nth-of-type(6n+1), - .large-up-6>.columns:nth-of-type(6n+1) { - clear: both - } - - .large-up-6>.column:last-child, - .large-up-6>.columns:last-child { - float: left - } - - .large-up-7>.column, - .large-up-7>.columns { - width: 14.28571%; - float: left - } - - .large-up-7>.column:nth-of-type(1n), - .large-up-7>.columns:nth-of-type(1n) { - clear: none - } - - .large-up-7>.column:nth-of-type(7n+1), - .large-up-7>.columns:nth-of-type(7n+1) { - clear: both - } - - .large-up-7>.column:last-child, - .large-up-7>.columns:last-child { - float: left - } - - .large-up-8>.column, - .large-up-8>.columns { - width: 12.5%; - float: left - } - - .large-up-8>.column:nth-of-type(1n), - .large-up-8>.columns:nth-of-type(1n) { - clear: none - } - - .large-up-8>.column:nth-of-type(8n+1), - .large-up-8>.columns:nth-of-type(8n+1) { - clear: both - } - - .large-up-8>.column:last-child, - .large-up-8>.columns:last-child { - float: left - } - - .large-collapse>.column, - .large-collapse>.columns { - padding-left: 0; - padding-right: 0 - } - - .expanded.row .large-collapse.row, - .large-collapse .row { - margin-left: 0; - margin-right: 0 - } - - .large-uncollapse>.column, - .large-uncollapse>.columns { - padding-left: .9375rem; - padding-right: .9375rem - } - - .large-centered { - float: none; - margin-left: auto; - margin-right: auto - } - - .large-pull-0, - .large-push-0, - .large-uncentered { - position: static; - margin-left: 0; - margin-right: 0; - float: left - } -} - -.slide-in-down.mui-enter { - transition-duration: .5s; - transition-timing-function: linear; - -webkit-transform: translateY(-100%); - transform: translateY(-100%); - transition-property: -webkit-transform, opacity; - transition-property: transform, opacity; - -webkit-backface-visibility: hidden; - backface-visibility: hidden -} - -.slide-in-down.mui-enter.mui-enter-active { - -webkit-transform: translateY(0); - transform: translateY(0) -} - -.slide-in-left.mui-enter { - transition-duration: .5s; - transition-timing-function: linear; - -webkit-transform: translateX(-100%); - transform: translateX(-100%); - transition-property: -webkit-transform, opacity; - transition-property: transform, opacity; - -webkit-backface-visibility: hidden; - backface-visibility: hidden -} - -.slide-in-left.mui-enter.mui-enter-active { - -webkit-transform: translateX(0); - transform: translateX(0) -} - -.slide-in-up.mui-enter { - transition-duration: .5s; - transition-timing-function: linear; - -webkit-transform: translateY(100%); - transform: translateY(100%); - transition-property: -webkit-transform, opacity; - transition-property: transform, opacity; - -webkit-backface-visibility: hidden; - backface-visibility: hidden -} - -.slide-in-up.mui-enter.mui-enter-active { - -webkit-transform: translateY(0); - transform: translateY(0) -} - -.slide-in-right.mui-enter { - transition-duration: .5s; - transition-timing-function: linear; - -webkit-transform: translateX(100%); - transform: translateX(100%); - transition-property: -webkit-transform, opacity; - transition-property: transform, opacity; - -webkit-backface-visibility: hidden; - backface-visibility: hidden -} - -.slide-in-right.mui-enter.mui-enter-active { - -webkit-transform: translateX(0); - transform: translateX(0) -} - -.slide-out-down.mui-leave { - transition-duration: .5s; - transition-timing-function: linear; - -webkit-transform: translateY(0); - transform: translateY(0); - transition-property: -webkit-transform, opacity; - transition-property: transform, opacity; - -webkit-backface-visibility: hidden; - backface-visibility: hidden -} - -.slide-out-down.mui-leave.mui-leave-active { - -webkit-transform: translateY(100%); - transform: translateY(100%) -} - -.slide-out-right.mui-leave { - transition-duration: .5s; - transition-timing-function: linear; - -webkit-transform: translateX(0); - transform: translateX(0); - transition-property: -webkit-transform, opacity; - transition-property: transform, opacity; - -webkit-backface-visibility: hidden; - backface-visibility: hidden -} - -.slide-out-right.mui-leave.mui-leave-active { - -webkit-transform: translateX(100%); - transform: translateX(100%) -} - -.slide-out-up.mui-leave { - transition-duration: .5s; - transition-timing-function: linear; - -webkit-transform: translateY(0); - transform: translateY(0); - transition-property: -webkit-transform, opacity; - transition-property: transform, opacity; - -webkit-backface-visibility: hidden; - backface-visibility: hidden -} - -.slide-out-up.mui-leave.mui-leave-active { - -webkit-transform: translateY(-100%); - transform: translateY(-100%) -} - -.slide-out-left.mui-leave { - transition-duration: .5s; - transition-timing-function: linear; - -webkit-transform: translateX(0); - transform: translateX(0); - transition-property: -webkit-transform, opacity; - transition-property: transform, opacity; - -webkit-backface-visibility: hidden; - backface-visibility: hidden -} - -.slide-out-left.mui-leave.mui-leave-active { - -webkit-transform: translateX(-100%); - transform: translateX(-100%) -} - -.fade-in.mui-enter { - transition-duration: .5s; - transition-timing-function: linear; - opacity: 0; - transition-property: opacity -} - -.fade-in.mui-enter.mui-enter-active { - opacity: 1 -} - -.fade-out.mui-leave { - transition-duration: .5s; - transition-timing-function: linear; - opacity: 1; - transition-property: opacity -} - -.fade-out.mui-leave.mui-leave-active { - opacity: 0 -} - -.hinge-in-from-top.mui-enter { - transition-duration: .5s; - transition-timing-function: linear; - -webkit-transform: perspective(2000px) rotateX(-90deg); - transform: perspective(2000px) rotateX(-90deg); - -webkit-transform-origin: top; - transform-origin: top; - transition-property: -webkit-transform, opacity; - transition-property: transform, opacity; - opacity: 0 -} - -.hinge-in-from-top.mui-enter.mui-enter-active { - -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); - opacity: 1 -} - -.hinge-in-from-right.mui-enter { - transition-duration: .5s; - transition-timing-function: linear; - -webkit-transform: perspective(2000px) rotateY(-90deg); - transform: perspective(2000px) rotateY(-90deg); - -webkit-transform-origin: right; - transform-origin: right; - transition-property: -webkit-transform, opacity; - transition-property: transform, opacity; - opacity: 0 -} - -.hinge-in-from-right.mui-enter.mui-enter-active { - -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); - opacity: 1 -} - -.hinge-in-from-bottom.mui-enter { - transition-duration: .5s; - transition-timing-function: linear; - -webkit-transform: perspective(2000px) rotateX(90deg); - transform: perspective(2000px) rotateX(90deg); - -webkit-transform-origin: bottom; - transform-origin: bottom; - transition-property: -webkit-transform, opacity; - transition-property: transform, opacity; - opacity: 0 -} - -.hinge-in-from-bottom.mui-enter.mui-enter-active { - -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); - opacity: 1 -} - -.hinge-in-from-left.mui-enter { - transition-duration: .5s; - transition-timing-function: linear; - -webkit-transform: perspective(2000px) rotateY(90deg); - transform: perspective(2000px) rotateY(90deg); - -webkit-transform-origin: left; - transform-origin: left; - transition-property: -webkit-transform, opacity; - transition-property: transform, opacity; - opacity: 0 -} - -.hinge-in-from-left.mui-enter.mui-enter-active { - -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); - opacity: 1 -} - -.hinge-in-from-middle-x.mui-enter { - transition-duration: .5s; - transition-timing-function: linear; - -webkit-transform: perspective(2000px) rotateX(-90deg); - transform: perspective(2000px) rotateX(-90deg); - -webkit-transform-origin: center; - transform-origin: center; - transition-property: -webkit-transform, opacity; - transition-property: transform, opacity; - opacity: 0 -} - -.hinge-in-from-middle-x.mui-enter.mui-enter-active { - -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); - opacity: 1 -} - -.hinge-in-from-middle-y.mui-enter { - transition-duration: .5s; - transition-timing-function: linear; - -webkit-transform: perspective(2000px) rotateY(-90deg); - transform: perspective(2000px) rotateY(-90deg); - -webkit-transform-origin: center; - transform-origin: center; - transition-property: -webkit-transform, opacity; - transition-property: transform, opacity; - opacity: 0 -} - -.hinge-in-from-middle-y.mui-enter.mui-enter-active, -.hinge-out-from-top.mui-leave { - -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); - opacity: 1 -} - -.hinge-out-from-top.mui-leave { - transition-duration: .5s; - transition-timing-function: linear; - -webkit-transform-origin: top; - transform-origin: top; - transition-property: -webkit-transform, opacity; - transition-property: transform, opacity -} - -.hinge-out-from-top.mui-leave.mui-leave-active { - -webkit-transform: perspective(2000px) rotateX(-90deg); - transform: perspective(2000px) rotateX(-90deg); - opacity: 0 -} - -.hinge-out-from-right.mui-leave { - transition-duration: .5s; - transition-timing-function: linear; - -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); - -webkit-transform-origin: right; - transform-origin: right; - transition-property: -webkit-transform, opacity; - transition-property: transform, opacity; - opacity: 1 -} - -.hinge-out-from-right.mui-leave.mui-leave-active { - -webkit-transform: perspective(2000px) rotateY(-90deg); - transform: perspective(2000px) rotateY(-90deg); - opacity: 0 -} - -.hinge-out-from-bottom.mui-leave { - transition-duration: .5s; - transition-timing-function: linear; - -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); - -webkit-transform-origin: bottom; - transform-origin: bottom; - transition-property: -webkit-transform, opacity; - transition-property: transform, opacity; - opacity: 1 -} - -.hinge-out-from-bottom.mui-leave.mui-leave-active { - -webkit-transform: perspective(2000px) rotateX(90deg); - transform: perspective(2000px) rotateX(90deg); - opacity: 0 -} - -.hinge-out-from-left.mui-leave { - transition-duration: .5s; - transition-timing-function: linear; - -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); - -webkit-transform-origin: left; - transform-origin: left; - transition-property: -webkit-transform, opacity; - transition-property: transform, opacity; - opacity: 1 -} - -.hinge-out-from-left.mui-leave.mui-leave-active { - -webkit-transform: perspective(2000px) rotateY(90deg); - transform: perspective(2000px) rotateY(90deg); - opacity: 0 -} - -.hinge-out-from-middle-x.mui-leave { - transition-duration: .5s; - transition-timing-function: linear; - -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); - -webkit-transform-origin: center; - transform-origin: center; - transition-property: -webkit-transform, opacity; - transition-property: transform, opacity; - opacity: 1 -} - -.hinge-out-from-middle-x.mui-leave.mui-leave-active { - -webkit-transform: perspective(2000px) rotateX(-90deg); - transform: perspective(2000px) rotateX(-90deg); - opacity: 0 -} - -.hinge-out-from-middle-y.mui-leave { - transition-duration: .5s; - transition-timing-function: linear; - -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); - -webkit-transform-origin: center; - transform-origin: center; - transition-property: -webkit-transform, opacity; - transition-property: transform, opacity; - opacity: 1 -} - -.hinge-out-from-middle-y.mui-leave.mui-leave-active { - -webkit-transform: perspective(2000px) rotateY(-90deg); - transform: perspective(2000px) rotateY(-90deg); - opacity: 0 -} - -.scale-in-up.mui-enter { - transition-duration: .5s; - transition-timing-function: linear; - -webkit-transform: scale(.5); - transform: scale(.5); - transition-property: -webkit-transform, opacity; - transition-property: transform, opacity; - opacity: 0 -} - -.scale-in-up.mui-enter.mui-enter-active { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 1 -} - -.scale-in-down.mui-enter { - transition-duration: .5s; - transition-timing-function: linear; - -webkit-transform: scale(1.5); - transform: scale(1.5); - transition-property: -webkit-transform, opacity; - transition-property: transform, opacity; - opacity: 0 -} - -.scale-in-down.mui-enter.mui-enter-active, -.scale-out-up.mui-leave { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 1 -} - -.scale-out-up.mui-leave { - transition-duration: .5s; - transition-timing-function: linear; - transition-property: -webkit-transform, opacity; - transition-property: transform, opacity -} - -.scale-out-up.mui-leave.mui-leave-active { - -webkit-transform: scale(1.5); - transform: scale(1.5); - opacity: 0 -} - -.scale-out-down.mui-leave { - transition-duration: .5s; - transition-timing-function: linear; - -webkit-transform: scale(1); - transform: scale(1); - transition-property: -webkit-transform, opacity; - transition-property: transform, opacity; - opacity: 1 -} - -.scale-out-down.mui-leave.mui-leave-active { - -webkit-transform: scale(.5); - transform: scale(.5); - opacity: 0 -} - -.spin-in.mui-enter { - transition-duration: .5s; - transition-timing-function: linear; - -webkit-transform: rotate(-270deg); - transform: rotate(-270deg); - transition-property: -webkit-transform, opacity; - transition-property: transform, opacity; - opacity: 0 -} - -.spin-in.mui-enter.mui-enter-active, -.spin-out.mui-leave { - -webkit-transform: rotate(0); - transform: rotate(0); - opacity: 1 -} - -.spin-out.mui-leave { - transition-duration: .5s; - transition-timing-function: linear; - transition-property: -webkit-transform, opacity; - transition-property: transform, opacity -} - -.spin-in-ccw.mui-enter, -.spin-out.mui-leave.mui-leave-active { - -webkit-transform: rotate(270deg); - transform: rotate(270deg); - opacity: 0 -} - -.spin-in-ccw.mui-enter { - transition-duration: .5s; - transition-timing-function: linear; - transition-property: -webkit-transform, opacity; - transition-property: transform, opacity -} - -.spin-in-ccw.mui-enter.mui-enter-active, -.spin-out-ccw.mui-leave { - -webkit-transform: rotate(0); - transform: rotate(0); - opacity: 1 -} - -.spin-out-ccw.mui-leave { - transition-duration: .5s; - transition-timing-function: linear; - transition-property: -webkit-transform, opacity; - transition-property: transform, opacity -} - -.spin-out-ccw.mui-leave.mui-leave-active { - -webkit-transform: rotate(-270deg); - transform: rotate(-270deg); - opacity: 0 -} - -.slow { - transition-duration: .75s !important -} - -.fast { - transition-duration: .25s !important -} - -.linear { - transition-timing-function: linear !important -} - -.ease { - transition-timing-function: ease !important -} - -.ease-in { - transition-timing-function: ease-in !important -} - -.ease-out { - transition-timing-function: ease-out !important -} - -.ease-in-out { - transition-timing-function: ease-in-out !important -} - -.bounce-in { - transition-timing-function: cubic-bezier(.485, .155, .24, 1.245) !important -} - -.bounce-out { - transition-timing-function: cubic-bezier(.485, .155, .515, .845) !important -} - -.bounce-in-out { - transition-timing-function: cubic-bezier(.76, -.245, .24, 1.245) !important -} - -.short-delay { - transition-delay: .3s !important -} - -.long-delay { - transition-delay: .7s !important -} - -.shake { - -webkit-animation-name: a; - animation-name: a -} - -@-webkit-keyframes a { - - 0%, - 10%, - 20%, - 30%, - 40%, - 50%, - 60%, - 70%, - 80%, - 90% { - -webkit-transform: translateX(7%); - transform: translateX(7%) - } - - 5%, - 15%, - 25%, - 35%, - 45%, - 55%, - 65%, - 75%, - 85%, - 95% { - -webkit-transform: translateX(-7%); - transform: translateX(-7%) - } -} - -@keyframes a { - - 0%, - 10%, - 20%, - 30%, - 40%, - 50%, - 60%, - 70%, - 80%, - 90% { - -webkit-transform: translateX(7%); - transform: translateX(7%) - } - - 5%, - 15%, - 25%, - 35%, - 45%, - 55%, - 65%, - 75%, - 85%, - 95% { - -webkit-transform: translateX(-7%); - transform: translateX(-7%) - } -} - -.spin-cw { - -webkit-animation-name: b; - animation-name: b -} - -@-webkit-keyframes b { - 0% { - -webkit-transform: rotate(-1turn); - transform: rotate(-1turn) - } - - to { - -webkit-transform: rotate(0); - transform: rotate(0) - } -} - -@keyframes b { - 0% { - -webkit-transform: rotate(-1turn); - transform: rotate(-1turn) - } - - to { - -webkit-transform: rotate(0); - transform: rotate(0) - } -} - -.spin-ccw { - -webkit-animation-name: b; - animation-name: b -} - -@keyframes b { - 0% { - -webkit-transform: rotate(0); - transform: rotate(0) - } - - to { - -webkit-transform: rotate(1turn); - transform: rotate(1turn) - } -} - -.wiggle { - -webkit-animation-name: c; - animation-name: c -} - -@-webkit-keyframes c { - - 40%, - 50%, - 60% { - -webkit-transform: rotate(7deg); - transform: rotate(7deg) - } - - 35%, - 45%, - 55%, - 65% { - -webkit-transform: rotate(-7deg); - transform: rotate(-7deg) - } - - 0%, - 30%, - 70%, - to { - -webkit-transform: rotate(0); - transform: rotate(0) - } -} - -@keyframes c { - - 40%, - 50%, - 60% { - -webkit-transform: rotate(7deg); - transform: rotate(7deg) - } - - 35%, - 45%, - 55%, - 65% { - -webkit-transform: rotate(-7deg); - transform: rotate(-7deg) - } - - 0%, - 30%, - 70%, - to { - -webkit-transform: rotate(0); - transform: rotate(0) - } -} - -.shake, -.spin-ccw, -.spin-cw, -.wiggle { - -webkit-animation-duration: .5s; - animation-duration: .5s -} - -.infinite { - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite -} - -.slow { - -webkit-animation-duration: .75s !important; - animation-duration: .75s !important -} - -.fast { - -webkit-animation-duration: .25s !important; - animation-duration: .25s !important -} - -.linear { - -webkit-animation-timing-function: linear !important; - animation-timing-function: linear !important -} - -.ease { - -webkit-animation-timing-function: ease !important; - animation-timing-function: ease !important -} - -.ease-in { - -webkit-animation-timing-function: ease-in !important; - animation-timing-function: ease-in !important -} - -.ease-out { - -webkit-animation-timing-function: ease-out !important; - animation-timing-function: ease-out !important -} - -.ease-in-out { - -webkit-animation-timing-function: ease-in-out !important; - animation-timing-function: ease-in-out !important -} - -.bounce-in { - -webkit-animation-timing-function: cubic-bezier(.485, .155, .24, 1.245) !important; - animation-timing-function: cubic-bezier(.485, .155, .24, 1.245) !important -} - -.bounce-out { - -webkit-animation-timing-function: cubic-bezier(.485, .155, .515, .845) !important; - animation-timing-function: cubic-bezier(.485, .155, .515, .845) !important -} - -.bounce-in-out { - -webkit-animation-timing-function: cubic-bezier(.76, -.245, .24, 1.245) !important; - animation-timing-function: cubic-bezier(.76, -.245, .24, 1.245) !important -} - -.short-delay { - -webkit-animation-delay: .3s !important; - animation-delay: .3s !important -} - -.long-delay { - -webkit-animation-delay: .7s !important; - animation-delay: .7s !important -} \ No newline at end of file diff --git a/intro-to-VueJS/game-vuejs/index.html b/intro-to-VueJS/game-vuejs/index.html index 8d71ac5..3195dbd 100644 --- a/intro-to-VueJS/game-vuejs/index.html +++ b/intro-to-VueJS/game-vuejs/index.html @@ -5,7 +5,7 @@