www.aleph1.co.uk Git - yaffs-website/blob - vendor/enyo/dropzone/src/basic.scss

   1 /*
   2  * The MIT License
   3  * Copyright (c) 2012 Matias Meno <m@tias.me>
   4  */
   5
   6 // Permission is hereby granted, free of charge, to any person obtaining a copy of
   7 // this software and associated documentation files (the "Software"), to deal in
   8 // the Software without restriction, including without limitation the rights to
   9 // use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
  10 // of the Software, and to permit persons to whom the Software is furnished to do
  11 // so, subject to the following conditions:
  12
  13 // The above copyright notice and this permission notice shall be included in all
  14 // copies or substantial portions of the Software.
  15
  16 // THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  17 // IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  18 // FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  19 // AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  20 // LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  21 // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  22 // SOFTWARE.
  23
  24 .dropzone, .dropzone * {
  25   box-sizing: border-box;
  26 }
  27 .dropzone {
  28
  29   position: relative;
  30
  31   .dz-preview {
  32     position: relative;
  33     display: inline-block;
  34     width: 120px;
  35     margin: 0.5em;
  36
  37     .dz-progress {
  38       display: block;
  39       height: 15px;
  40       border: 1px solid #aaa;
  41       .dz-upload {
  42         display: block;
  43         height: 100%;
  44         width: 0;
  45         background: green;
  46       }
  47     }
  48
  49     .dz-error-message {
  50       color: red;
  51       display: none;
  52     }
  53     &.dz-error {
  54       .dz-error-message, .dz-error-mark {
  55         display: block;
  56       }
  57     }
  58     &.dz-success {
  59       .dz-success-mark {
  60         display: block;
  61       }
  62     }
  63
  64     .dz-error-mark, .dz-success-mark {
  65       position: absolute;
  66       display: none;
  67       left: 30px;
  68       top: 30px;
  69       width: 54px;
  70       height: 58px;
  71       left: 50%;
  72       margin-left: -(54px/2);
  73     }
  74
  75
  76   }
  77
  78 }