summaryrefslogtreecommitdiffstats
path: root/debian/missing-sources/wyrm/sass/wyrm_addons/forms/_form_upload.sass
blob: b266585b36cadd5ea9e2eee0f9a2d8fe5c169410 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
.wy-form-upload-container
  vertical-align: middle

.wy-form-upload
  display: inline-block
  cursor: pointer
  color: $text-color
  vertical-align: middle
  +transition(border-color .1s ease-in)
  +clearfix
  +media($mobile)
    width: 100%
  .image-drop
    display: none
  .image-desktop
    display: none
  .image-loading
    display: none
  .image-drop .wy-form-upload-icon
    color: $green
  p
    font-size: 90%
    margin-bottom: $base-line-height / 4
  .wy-form-upload-image
    display: inline-block
    line-height: 150px
    text-align: center
    margin-right: $base-line-height / 2
    vertical-align: middle
    .icon
      font-size: 50px
      line-height: 75px
  img
    max-width: 150px
    max-height: 150px
  .wy-form-upload-content
    vertical-align: middle
    display: inline-block
    +media($mobile)
      width: 100%

.wy-form-upload.wy-form-upload-big
  width: 100%
  text-align: center
  padding: $base-line-height * 3
  .wy-form-upload-content
    float: none

.wy-form-upload-url
  padding: 18px 0px
  vertical-align: middle

.wy-form-upload.wy-form-upload-file
  p
    margin-bottom: 0
  .wy-form-upload-icon
    display: inline-block
    font-size: inherit

.wy-form-upload.wy-form-upload-drop
  background-color: lighten($green, 50%)
  .image-drop
    display: block
  .image-desktop
    display: none
  .image-drag
    display: none

.wy-form-upload.wy-form-upload-loading
  .image-drag
    display: none
  .image-desktop
    display: none
  .image-loading
    display: block
  .wy-input-prefix
    display: none
  p
    margin-bottom: 0

+media($mobile)
  .wy-form-upload
    .wy-form-upload-image
      margin-bottom: $base-line-height / 2