summaryrefslogtreecommitdiff
path: root/rannak/algus/utlused/css/utlused.css
diff options
context:
space:
mode:
Diffstat (limited to 'rannak/algus/utlused/css/utlused.css')
-rw-r--r--rannak/algus/utlused/css/utlused.css128
1 files changed, 0 insertions, 128 deletions
diff --git a/rannak/algus/utlused/css/utlused.css b/rannak/algus/utlused/css/utlused.css
deleted file mode 100644
index e7c5277..0000000
--- a/rannak/algus/utlused/css/utlused.css
+++ /dev/null
@@ -1,128 +0,0 @@
-/* Mäng ise */
-@import url('https://fonts.googleapis.com/css?family=Montserrat');
-
-* {
- margin: 0;
- padding: 0;
- box-sizing: border-box;
-}
-
-body {
- font-family: 'Montserrat', sans-serif;
- background-color: #eee;
- color: #111;
- touch-action: none;
-}
-
-.moveOn{
- display: inline-block;
- border: none;
- padding: 6px 12px;
- margin-botton: 0;
- font-size: 1rem;
- font-weight: normal;
- text-align: center;
- cursor: pointer;
- border-radius: 4px;
- background-color: #4BB543;
- color: white;
-}
-
-button:disabled{
- opacity: 0.5;
-}
-
-/* later added stuff here */
-
-.wrapper {
- outline: 1px solid gold;
- position: relative;
- display: flex;
- flex-wrap: wrap;
-}
-
-.empty {
- width: 7rem;
- height: 7rem;
-}
-
-.drag {
- position: absolute;
- width: 7rem;
- height: 7rem;
- z-index: 1;
-}
-
-.active {
- background-color: grey !important;
-}
-
-.done {
- background-color: green !important;
-}
-
-/* end of later added stuff */
-
-
-.draggable-elements {
- display: flex;
- justify-content: center;
- margin: 2rem;
-}
-.draggable {
- height: 5rem;
- width: 5rem;
- display: flex;
- align-items: center;
- justify-content: center;
- font-size: 1.5rem;
- margin: 0rem 1rem;
- cursor: move;
- transition: opacity 0.2s;
-}
-
-.droppable {
- height: 10rem;
- width: 25rem;
- margin: 1rem auto;
- display: flex;
- justify-content: center;
- align-items: center;
- flex-direction: column;
- text-align: center;
- font-size: 8rem;
- font-weight: bold;
- background-color: #fff;
- border: 3px dashed #111;
- transition: border-width 0.2s, transform 0.2s, background-color 0.4s;
-}
-.droppable span {
- font-size: 1.25rem;
- pointer-events: none; /* The element is never the target of pointer events */
-}
-
-/* Drag and Drop Related Styling */
-
-.droppable.droppable-hover {
- /* background-color: #bee3f0; */
- border-width: 5px;
- transform: scale(1.1);
-}
-.droppable.dropped {
- border-style: solid;
- color: #fff;
-}
-.droppable.dropped span {
- font-weight: bolder;
- margin-top: 0.5rem;
-}
-.droppable.dropped i {
- pointer-events: none;
-}
-.draggable.dragged {
- user-select: none;
- cursor: default;
-}
-.draggable.dragged:hover {
- opacity: 0.1;
-}