1 line
No EOL
31 KiB
Text
1 line
No EOL
31 KiB
Text
{"version":3,"sources":["index.scss","../public/stylesheets/partials/_mixins.scss","../public/stylesheets/partials/_variables.scss","MainWrapper.scss","../../../../public/stylesheets/partials/_mixins.scss","NavBar.scss","../../../../public/stylesheets/partials/_variables.scss","Sidebar.scss","Game.scss","Board.scss","Point.scss","PlayerArea.scss","Home.scss","../../../public/stylesheets/partials/_mixins.scss","../../../public/stylesheets/partials/_variables.scss","Room.scss","Loading.scss","ActionError.scss"],"names":[],"mappings":"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","file":"main.1d648088.chunk.css","sourcesContent":["@import '../public/stylesheets/partials/_variables';\n@import '../public/stylesheets/partials/_mixins';\n\nhtml * {\n margin: 0;\n font-size: 14px;\n \n @media #{map-get($break-points, \"500\")} {\n // font-size: 14px;\n }\n}\n\nbody {\n margin: 0;\n font-family: 'Oswald', sans-serif;\n font-weight: 800;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n box-sizing: border-box;\n height: 100vh;\n width: 100vw;\n\n div#root {\n @include fullspan;\n }\n\n div.App {\n @include fullspan;\n // ! dev settings\n background-color: map-get($dev-colors, \"f\");\n }\n\n // ! dev settings\n aside {\n background-color: map-get($colors, \"sidebar\");\n }\n \n main {\n background-color: map-get($colors, \"main\");\n font-weight: 100;\n }\n}\n\ncode {\n font-family: source-code-pro, Menlo, Monaco, Consolas, \"Courier New\",\n monospace;\n}\n","@mixin fullspan {\n height: 100%;\n width: 100%;\n}\n\n@mixin flexAround($direction) {\n display: flex;\n flex-direction: $direction;\n align-items: center;\n justify-content: space-around;\n}\n\n@mixin gameViewLabel {\n color: rgb(255,240,230);\n background-color: rgba(0,0,0,0.7);\n padding: 0.25em;\n}","$dev-colors: (\n \"a\": #34dc90,\n \"b\": #9034dc,\n \"c\": #dc9034,\n \"d\": #dc34dc,\n \"e\": #34dcdc,\n \"f\": #dcdc34\n);\n\n/* Responsive Design */\n$break-points: (\n \"500\": \"only screen and (min-width: 500px)\",\n \"570\": \"only screen and (min-width: 570px)\",\n \"590\": \"only screen and (min-width: 590px)\",\n \"700\": \"only screen and (min-width: 700px)\",\n \"900\": \"only screen and (min-width: 900px)\"\n);\n\n$colors: (\n \"error\": #aa3333,\n \"nav_bar\": #6f3e68,\n \"nav_link\": #dae1b7,\n \"sidebar\": #3c013f,\n \"sidebar_link\": #f2ce3d,\n \"main\": #95acae,\n \"home\": #444444\n );\n\n$backgrounds: (\n \"game_room\": radial-gradient(farthest-corner at 55% 40%, rgb(189, 131, 100) 0%, rgb(175, 113, 80) 65%, rgb(150, 90, 65) 90%, rgb(125, 65, 40) 100%),\n) ","@import '../../../../public/stylesheets/partials/mixins';\n\ndiv.main-wrapper {\n display: flex;\n justify-content: flex-start;\n flex-flow: column nowrap;\n @include fullspan;\n \n div.NavBar {\n max-height: 10vh;\n min-height: 5vh;\n }\n\n div.content-wrapper {\n display: flex;\n justify-content: flex-start;\n @include fullspan;\n\n aside {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n max-width: 20vw;\n a {\n display: block;\n }\n }\n \n main {\n display: block;\n max-width: 80vw;\n width: 100%;\n height: 100%;\n }\n }\n}","@mixin fullspan {\n height: 100%;\n width: 100%;\n}\n\n@mixin flexAround($direction) {\n display: flex;\n flex-direction: $direction;\n align-items: center;\n justify-content: space-around;\n}\n\n@mixin gameViewLabel {\n color: rgb(255,240,230);\n background-color: rgba(0,0,0,0.7);\n padding: 0.25em;\n}","@import '../../../../public/stylesheets/partials/_variables.scss';\n\ndiv.NavBar {\n display: flex;\n flex-flow: row nowrap;\n justify-content: space-between;\n align-items: center;\n background-color: map-get($colors, \"nav_bar\");\n color: map-get($colors, \"nav_link\");\n\n p {\n font-size: 1.4em;\n }\n\n a {\n text-decoration: none;\n }\n\n a{\n color: inherit;\n }\n}","$dev-colors: (\n \"a\": #34dc90,\n \"b\": #9034dc,\n \"c\": #dc9034,\n \"d\": #dc34dc,\n \"e\": #34dcdc,\n \"f\": #dcdc34\n);\n\n/* Responsive Design */\n$break-points: (\n \"500\": \"only screen and (min-width: 500px)\",\n \"570\": \"only screen and (min-width: 570px)\",\n \"590\": \"only screen and (min-width: 590px)\",\n \"700\": \"only screen and (min-width: 700px)\",\n \"900\": \"only screen and (min-width: 900px)\"\n);\n\n$colors: (\n \"error\": #aa3333,\n \"nav_bar\": #6f3e68,\n \"nav_link\": #dae1b7,\n \"sidebar\": #3c013f,\n \"sidebar_link\": #f2ce3d,\n \"main\": #95acae,\n \"home\": #444444\n );\n\n$backgrounds: (\n \"game_room\": radial-gradient(farthest-corner at 55% 40%, rgb(189, 131, 100) 0%, rgb(175, 113, 80) 65%, rgb(150, 90, 65) 90%, rgb(125, 65, 40) 100%),\n) ","@import '../../../../public/stylesheets/partials/variables';\n\naside {\n color: map-get($colors, \"sidebar_link\");\n display: flex;\n flex-flow: column nowrap;\n\n nav {\n align-items: stretch;\n display: flex;\n flex-flow: column nowrap;\n }\n\n h3 {\n font-size: 130%;\n margin: .2em auto;\n text-transform: capitalize;\n }\n\n input {\n display: block;\n margin: .2em 0 .2em auto;\n }\n \n div.nav__section {\n border: rgba(100,100,100,0.5) solid .25em;\n margin: .5em;\n padding: .75em .5em;\n }\n\n p.nav__section__label {\n font-size: 110%;\n margin-bottom: .5em;\n text-decoration: none;\n \n &:hover {\n cursor: pointer;\n text-decoration: underline;\n }\n }\n}","@import '../../../../public/stylesheets/partials/mixins';\n\ndiv.GameButton {\n align-items: stretch;\n box-shadow: -2vmin 4vmin 2vmin rgba(83, 53, 35, 0.81);\n display: flex;\n flex-flow: column nowrap;\n height: 20vh;\n justify-content: space-around;\n margin: 1vw;\n width: 20vh;\n}\n\ndiv.GameButton__seat {\n background-color: red;\n height: 10%;\n margin: 0 auto;\n width: 50%;\n \n &.GameButton__seat--black {\n border: rgba(83, 53, 35, 0.81);\n border-radius: 5vw 5vw 0 0;\n }\n \n &.GameButton__seat--white {\n border: transparent;\n border-radius: 0 0 5vw 5vw;\n }\n \n}\n\ndiv.GameButton__table {\n height: 80%;\n margin: 0;\n width: 100%;\n}\n\ndiv.GameButton__table__meta {\n display: flex;\n flex-flow: column nowrap;\n height: 100%;\n justify-content: space-between;\n width: 100%;\n z-index: 2;\n}\n\ndiv.GameButton__table__meta * {\n z-index: 2;\n}\n\ndiv.GameButton__table__image {\n align-items: center;\n background: radial-gradient(\n farthest-corner at 55% 40%, \n rgb(150, 200, 220) 0%, rgb(97, 166, 194) 65%, rgb(70,100,120) 100%\n );\n border-top: 0.1vw solid rgb(150, 200, 220);\n border-right: 0.05vw solid rgb(97, 166, 194);\n border-radius: 0.3vw; \n display: flex;\n flex-flow: column nowrap;\n height: 100%;\n justify-content: space-between;\n position: relative;\n top: -100%;\n width: 100%;\n z-index: 1;\n \n div.table__game-board {\n background: radial-gradient(\n farthest-corner at 55% 40%, \n rgb(244, 230, 120) 0%, rgb(234, 178, 78) 65%, rgb(200, 160, 90) 90%, rgb(200, 140, 90) 100%\n );\n height: 60%;\n width: 60%;\n display: flex;\n align-items: center;\n justify-content: center;\n\n div.table__game-board--grid {\n background: \n repeating-linear-gradient(0deg, #000 0%, transparent 0.75%, transparent 4.25%, #000 5%), \n repeating-linear-gradient(90deg, #000 0%, transparent 0.75%, transparent 4.25%, #000 5%);\n height: 94%;\n width: 94%;\n }\n }\n}\n\ndiv.table__player-area {\n height: 20%;\n width: 60%;\n\n div.table__player-bowl {\n background: radial-gradient(\n farthest-corner at 48% 54%, \n rgb(30, 5, 0) 0%, rgb(30, 5, 0) 2%, rgb(30, 5, 0) 32%, rgb(0,0,0)35%, rgb(116,48,17) 48%, \n rgb(140, 60, 40) 52%, rgb(100, 40, 5) 55%, rgb(116, 48, 17) 58%, rgb(140,60,40) 65%, \n rgb(100, 40, 5) 80%, rgb(80, 20, 0) 90%\n );\n border-radius: 50%;\n height: 100%;\n\n &--white {\n margin: auto auto auto 75%;\n }\n \n &--black {\n margin: auto 75% auto auto;\n }\n\n }\n}\n\ndiv.GameButton__player-data {\n @include gameViewLabel;\n display: flex;\n justify-content: space-around;\n max-width: 100%;\n \n &.GameButton__player-data--white {\n margin: 0 5vw 1vw 0.5vw;\n }\n \n &.GameButton__player-data--black {\n margin: 1vw 0.5vw 0 5vw;\n }\n}\n\n.GameButton__link {\n @include gameViewLabel;\n margin: 0 auto;\n text-decoration: none;\n &:hover {\n text-decoration: underline;\n }\n}","@import '../../../../public/stylesheets/partials/mixins';\n@import '../../../../public/stylesheets/partials/variables';\n\ndiv.Game__board {\n // @include fullspan;\n background: radial-gradient(farthest-corner at 55% 40%, rgb(244, 230, 120) 0%, rgb(234, 178, 78) 65%, rgb(200, 160, 90) 90%, rgb(200, 140, 90) 100%);\n background-size: cover;\n box-shadow: -2vmin 4vmin 3vmin rgba(145, 92, 23, 0.5);\n display: grid;\n // flex: 1;\n margin: 0 auto;\n z-index: 1;\n\n &--size-9 {\n grid-template-columns: repeat(9, 1fr);\n grid-template-rows: repeat(9, 1fr);\n \n div.board__point {\n width: 9vmin;\n height: 9vmin;\n\n @media #{map-get($break-points, \"570\")} {\n height: 7.5vh;\n width: 7.5vh;\n }\n }\n }\n \n &--size-13 {\n grid-template-columns: repeat(13, 1fr);\n grid-template-rows: repeat(13, 1fr);\n \n div.board__point {\n width: 7vmin;\n height: 7vmin;\n\n @media #{map-get($break-points, \"570\")} {\n height: 5vh;\n width: 5vh;\n }\n }\n }\n \n &--size-19 {\n grid-template-columns: repeat(19, 1fr);\n grid-template-rows: repeat(19, 1fr);\n \n div.board__point {\n width: 5vmin;\n height: 5vmin;\n \n @media #{map-get($break-points, \"590\")} {\n height: 2.6vw;\n width: 2.6vw;\n max-width: 3.5vh;\n max-height: 3.5vh;\n }\n }\n }\n \n}","div.board__point {\n background: conic-gradient(#000 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0) 24%, #000 25%, rgba(0,0,0,0) 26%, rgba(0,0,0,0) 49%, #000 50%, rgba(0,0,0,0) 51%, rgba(0,0,0,0) 74%, #000 75%, rgba(0,0,0,0) 76%, rgba(0,0,0,0) 99%, #000 100%);\n border-radius: 50% solid black;\n color: black;\n margin: auto;\n padding: 0;\n vertical-align: middle;\n}\n\ndiv.board__point--top {\n background: conic-gradient( rgba(0,0,0,0) 24%, #000 25%, rgba(0,0,0,0) 26%, rgba(0,0,0,0) 49%, #000 50%, rgba(0,0,0,0) 51%, rgba(0,0,0,0) 74%, #000 75%, rgba(0,0,0,0) 76%);\n}\n\ndiv.board__point--bottom {\n background: conic-gradient(#000 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0) 24%, #000 25%, rgba(0,0,0,0) 26%, rgba(0,0,0,0) 74%, #000 75%, rgba(0,0,0,0) 76%, rgba(0,0,0,0) 99%, #000 100%); \n}\n\ndiv.board__point--left {\n background: conic-gradient(#000 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0) 24%, #000 25%, rgba(0,0,0,0) 26%, rgba(0,0,0,0) 49%, #000 50%, rgba(0,0,0,0) 51%, rgba(0,0,0,0) 99%, #000 100%);\n}\n\ndiv.board__point--right {\n background: conic-gradient(#000 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0) 49%, #000 50%, rgba(0,0,0,0) 51%, rgba(0,0,0,0) 74%, #000 75%, rgba(0,0,0,0) 76%, rgba(0,0,0,0) 99%, #000 100%);\n}\n\ndiv.board__point--top.board__point--left {\n background: conic-gradient( rgba(0,0,0,0) 24%, #000 25%, rgba(0,0,0,0) 26%, rgba(0,0,0,0) 49%, #000 50%, rgba(0,0,0,0) 51%);\n}\n\ndiv.board__point--top.board__point--right {\n background: conic-gradient( rgba(0,0,0,0) 49%, #000 50%, rgba(0,0,0,0) 51%, rgba(0,0,0,0) 74%, #000 75%, rgba(0,0,0,0) 76% );\n}\n\ndiv.board__point--bottom.board__point--left {\n background: conic-gradient(#000 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0) 24%, #000 25%, rgba(0,0,0,0) 26%, rgba(0,0,0,0) 99%, #000 100%);\n}\n\ndiv.board__point--bottom.board__point--right {\n background: conic-gradient(#000 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0) 74%, #000 75%, rgba(0,0,0,0) 76%, rgba(0,0,0,0) 99%, #000 100%);\n}\n\ndiv.board__point__stone {\n width: 85%;\n height: 85%;\n border-radius: 50%;\n margin: auto;\n vertical-align: middle;\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\ndiv.board__point div.board__point__stone div.board__point__dot {\n width: 35%;\n height: 35%;\n border-radius: 50%;\n margin: auto;\n vertical-align: middle;\n}\n\ndiv.board__point__stone[data-stone=\"white\"] {\n background: radial-gradient(farthest-side at 55% 40%, white 0%, rgb(200,200,200) 65%, rgb(100,100,100) 90%, rgb(68, 50, 0) 100%);\n box-shadow: -.25vmin .5vmin .5vmin rgba(145, 92, 23, 0.5);\n}\n\ndiv.board__point__stone[data-stone=\"black\"] {\n background-color: black;\n background: radial-gradient(farthest-side at 55% 40%, rgb(220,220,220) 0%, rgb(60,60,60) 45%, rgb(15,15,15) 90%, rgb(5, 5, 0) 100%);\n box-shadow: -.25vmin .5vmin .5vmin rgba(145, 92, 23, 0.75);\n}","@import '../../../../public/stylesheets/partials/variables';\n@import '../../../../public/stylesheets/partials/mixins';\n\ndiv.player-container {\n align-items: flex-end;\n display: flex;\n flex: 5;\n height: 9vmin;\n justify-content: space-around;\n margin: 1em;\n width: 100%;\n \n &:last-child {\n align-items: flex-start;\n flex-direction: row-reverse;\n justify-self: flex-end;\n }\n \n @media #{map-get($break-points, \"500\")} {\n height: 14vh;\n }\n \n div.player-container__bowl {\n align-items: center;\n background: radial-gradient(farthest-corner at 48% 54%, rgba(30, 5, 0, 0.25) 0%, rgba(30, 5, 0, 0.45) 2%, rgba(30, 5, 0, 0.75) 32%, rgba(0,0,0,0.85)35%, rgb(116,48,17) 48%, rgb(140, 60, 40) 52%, rgb(100, 40, 5) 55%, rgb(116, 48, 17) 58%, rgb(140,60,40) 65%, rgb(100, 40, 5) 80%, rgb(80, 20, 0) 90%);\n background-color: rgb(116, 48, 17);\n border-radius: 50%;\n box-shadow: -1vmin 2vmin 1.5vmin rgba(83, 53, 35, 0.61);\n display: flex;\n height: 15vh;\n justify-content: center;\n margin: 4vh;\n order: -1;\n width: 15vh;\n\n @media #{map-get($break-points, \"570\")} {\n height: 10vh;\n margin: 3vh;\n width: 10vh;\n }\n \n &[data-turn]:hover p {\n background-color: rgba(0,0,0,0.3);\n color: #FFF;\n cursor: grab;\n display: block;\n padding: .5em;\n }\n &[data-turn] {\n box-shadow: 0 0 3vh 3vh rgb(255, 175, 2);\n \n & + .player-container__name-space .player-container__caps-space:hover :first-child {\n background-color: rgba(0,0,0,0.7);\n cursor: grab;\n display: block;\n padding: .5em;\n position: absolute;\n }\n }\n\n p {\n display: none;\n }\n }\n}\n\ndiv.player-container__caps-space {\n align-items: center;\n background: radial-gradient(farthest-side at 49% 52%, rgb(150, 75, 50) 0%, rgb(116,48,17) 35%, rgb(116,48,17) 64%, rgb(80, 20, 0) 65%, rgb(175, 140, 95) 70%, rgb(120, 50, 40) 80%, rgb(80, 20, 0) 95%, rgb(175, 140, 95) 100%);\n border-radius: 50%;\n box-shadow: -0.5vmin 1vmin 1vmin rgba(83, 53, 35, 0.61);\n color: #FFF;\n display: flex;\n height: 10vh;\n justify-content: center;\n margin: 1vh;\n width: 10vh;\n \n @media #{map-get($break-points, \"570\")} {\n height: 7vh;\n margin: 2vh;\n width: 7vh;\n }\n\n & :first-child {\n display: none;\n }\n}\n\ndiv.player-container__name-space {\n align-items: center;\n flex-direction: column;\n display: flex;\n order: 1;\n \n h4 {\n @include gameViewLabel;\n font-size: 120%;\n z-index: 1;\n }\n}\n","@import '../../../public/stylesheets/partials/variables';\n@import '../../../public/stylesheets/partials/mixins';\n\ndiv.Home {\n @include fullspan;\n display: flex;\n flex-flow: row wrap;\n align-items: flex-start;\n justify-content: flex-start;\n background-color: map-get($colors, \"home\");\n overflow: scroll;\n}","@mixin fullspan {\n height: 100%;\n width: 100%;\n}\n\n@mixin flexAround($direction) {\n display: flex;\n flex-direction: $direction;\n align-items: center;\n justify-content: space-around;\n}\n\n@mixin gameViewLabel {\n color: rgb(255,240,230);\n background-color: rgba(0,0,0,0.7);\n padding: 0.25em;\n}","$dev-colors: (\n \"a\": #34dc90,\n \"b\": #9034dc,\n \"c\": #dc9034,\n \"d\": #dc34dc,\n \"e\": #34dcdc,\n \"f\": #dcdc34\n);\n\n/* Responsive Design */\n$break-points: (\n \"500\": \"only screen and (min-width: 500px)\",\n \"570\": \"only screen and (min-width: 570px)\",\n \"590\": \"only screen and (min-width: 590px)\",\n \"700\": \"only screen and (min-width: 700px)\",\n \"900\": \"only screen and (min-width: 900px)\"\n);\n\n$colors: (\n \"error\": #aa3333,\n \"nav_bar\": #6f3e68,\n \"nav_link\": #dae1b7,\n \"sidebar\": #3c013f,\n \"sidebar_link\": #f2ce3d,\n \"main\": #95acae,\n \"home\": #444444\n );\n\n$backgrounds: (\n \"game_room\": radial-gradient(farthest-corner at 55% 40%, rgb(189, 131, 100) 0%, rgb(175, 113, 80) 65%, rgb(150, 90, 65) 90%, rgb(125, 65, 40) 100%),\n) ","@import '../../../public/stylesheets/partials/_variables';\n\ndiv.Room {\n align-items: initial;\n background: map-get($backgrounds, \"game_room\");\n display: flex;\n flex-flow: column nowrap;\n height: 100%;\n justify-content: stretch;\n overflow: scroll;\n width: 100%;\n height: 100%;\n\n div.Room__heading {\n align-self: center;\n height: 100%;\n position: sticky;\n top: 1em;\n z-index: 3;\n \n span.error--action {\n padding: 1em;\n background-color: map-get($colors, \"error\");\n color: white;\n }\n }\n\n div.Room__game-container {\n min-height: 100%;\n min-width: 100%;\n justify-self: flex-start;\n align-self: flex-start;\n display: flex;\n flex-flow: row wrap;\n }\n \n div.Room__message-container {\n height: 100%;\n justify-self: flex-end;\n align-self: flex-end;\n }\n}","div.Loading {\n background-color: rgb(234, 178, 78);\n display: flex;\n flex-flow: row wrap;\n height: 6vw;\n left: 47vw;\n position: absolute;\n top: 45vh;\n width: 6vw;\n\n div.point {\n height: 1vw;\n width: 1vw;\n border-radius: 50%;\n padding: 0.25vw;\n }\n\n #a-1 {\n animation-name: white-stone--corner;\n animation-duration: 4s;\n animation-delay: -2.75s;\n animation-iteration-count: infinite;\n }\n #a-2 {\n background-color: black;\n animation-name: black-stone;\n animation-duration: 4s;\n animation-delay: -1s;\n animation-iteration-count: infinite;\n }\n #a-3 {\n background-color: white;\n animation-name: white-stone;\n animation-duration: 4s;\n animation-delay: -2.25s;\n animation-iteration-count: infinite;\n }\n #a-4 {\n animation-name: black-stone--corner;\n animation-duration: 4s;\n animation-delay: 0s;\n animation-iteration-count: infinite;\n }\n \n #b-1 {\n background-color: black;\n animation-name: black-stone;\n animation-duration: 4s;\n animation-delay: -1.5s;\n animation-iteration-count: infinite;\n }\n #b-2 {\n animation-name: white-stone--center;\n animation-duration: 4s;\n animation-delay: -3.25s;\n animation-iteration-count: infinite;\n }\n #b-3 {\n background-color: black;\n animation-name: black-stone--center;\n animation-duration: 4s;\n animation-delay: -.5s;\n animation-iteration-count: infinite;\n }\n #b-4 {\n background-color: white;\n animation-name: white-stone;\n animation-duration: 4s;\n animation-delay: -1.75s;\n animation-iteration-count: infinite;\n }\n\n #c-1 {\n animation-name: white-stone;\n animation-duration: 4s;\n animation-delay: -3.75s;\n animation-iteration-count: infinite;\n }\n #c-2 {\n background-color: black;\n animation-name: black-stone--center;\n animation-duration: 4s;\n animation-delay: -2.5s;\n animation-iteration-count: infinite;\n }\n #c-3 {\n background-color: white;\n animation-name: white-stone--center;\n animation-duration: 4s;\n animation-delay: -1.25s;\n animation-iteration-count: infinite;\n }\n #c-4 {\n animation-name: black-stone;\n animation-duration: 4s;\n animation-delay: -3.5s;\n animation-iteration-count: infinite;\n }\n \n #d-1 {\n background-color: black;\n animation-name: black-stone--corner;\n animation-duration: 4s;\n animation-delay: -2s;\n animation-iteration-count: infinite;\n }\n #d-2 {\n background-color: white;\n animation-name: white-stone;\n animation-duration: 4s;\n animation-delay: -.25s;\n animation-iteration-count: infinite;\n }\n #d-3 {\n animation-name: black-stone;\n animation-duration: 4s;\n animation-delay: -3s;\n animation-iteration-count: infinite;\n }\n #d-4 {\n background-color: white;\n animation-name: white-stone--corner;\n animation-duration: 4s;\n animation-delay: -.75s;\n animation-iteration-count: infinite;\n }\n\n}\n\n@keyframes black-stone {\n 0% {background: black;}\n 67.5% {background: black;}\n 70% {background: repeating-linear-gradient(0deg, transparent 0%, transparent 45%, black 50%, transparent 55%, transparent 100%), \n repeating-linear-gradient(90deg, transparent 0%, transparent 45%, black 50%, transparent 55%, transparent 100%);}\n 99.5% {background: repeating-linear-gradient(0deg, transparent 0%, transparent 45%, black 50%, transparent 55%, transparent 100%), \n repeating-linear-gradient(90deg, transparent 0%, transparent 45%, black 50%, transparent 55%, transparent 100%);}\n}\n\n@keyframes white-stone {\n 0% {background: white;}\n 60% {background: white;}\n 62.5% {background: repeating-linear-gradient(0deg, transparent 0%, transparent 45%, black 50%, transparent 55%, transparent 100%), \n repeating-linear-gradient(90deg, transparent 0%, transparent 45%, black 50%, transparent 55%, transparent 100%);}\n 92.5% {background: repeating-linear-gradient(0deg, transparent 0%, transparent 45%, black 50%, transparent 55%, transparent 100%), \n repeating-linear-gradient(90deg, transparent 0%, transparent 45%, black 50%, transparent 55%, transparent 100%);}\n 95% {background: white;}\n}\n\n@keyframes black-stone--corner {\n 0% {background: black;}\n 52.5% {background: black;};\n 55% {background: repeating-linear-gradient(0deg, transparent 0%, transparent 45%, black 50%, transparent 55%, transparent 100%), \n repeating-linear-gradient(90deg, transparent 0%, transparent 45%, black 50%, transparent 55%, transparent 100%);};\n 99% {background: repeating-linear-gradient(0deg, transparent 0%, transparent 45%, black 50%, transparent 55%, transparent 100%), \n repeating-linear-gradient(90deg, transparent 0%, transparent 45%, black 50%, transparent 55%, transparent 100%);};\n}\n\n@keyframes white-stone--corner {\n 0% {background: white;}\n 47.5% {background: white;};\n 50% {background: repeating-linear-gradient(0deg, transparent 0%, transparent 45%, black 50%, transparent 55%, transparent 100%), \n repeating-linear-gradient(90deg, transparent 0%, transparent 45%, black 50%, transparent 55%, transparent 100%);};\n 95% {background: repeating-linear-gradient(0deg, transparent 0%, transparent 45%, black 50%, transparent 55%, transparent 100%), \n repeating-linear-gradient(90deg, transparent 0%, transparent 45%, black 50%, transparent 55%, transparent 100%);};\n 97.5% {background: white;}\n}\n\n@keyframes black-stone--center {\n 0% {background: black;}\n 75.5% {background: black;};\n 77.5% {background: repeating-linear-gradient(0deg, transparent 0%, transparent 45%, black 50%, transparent 55%, transparent 100%), \n repeating-linear-gradient(90deg, transparent 0%, transparent 45%, black 50%, transparent 55%, transparent 100%);};\n 99% {background: repeating-linear-gradient(0deg, transparent 0%, transparent 45%, black 50%, transparent 55%, transparent 100%), \n repeating-linear-gradient(90deg, transparent 0%, transparent 45%, black 50%, transparent 55%, transparent 100%);};\n}\n\n@keyframes white-stone--center {\n 0% {background: white;}\n 72.5% {background: white;};\n 75% {background: repeating-linear-gradient(0deg, transparent 0%, transparent 45%, black 50%, transparent 55%, transparent 100%), \n repeating-linear-gradient(90deg, transparent 0%, transparent 45%, black 50%, transparent 55%, transparent 100%);};\n 97.5% {background: repeating-linear-gradient(0deg, transparent 0%, transparent 45%, black 50%, transparent 55%, transparent 100%), \n repeating-linear-gradient(90deg, transparent 0%, transparent 45%, black 50%, transparent 55%, transparent 100%);};\n 100% {background: white;}\n}\n\n","@import '../../../../public/stylesheets/partials/variables';\n\nspan.FormError {\n color: map-get($colors, \"error\");;\n}"]} |