Blame view

frontend/web/css/_inputs.scss 1.39 KB
c420c609   alex   first commit
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
  $inputs-border:#f6f6f6;

  $requiredColor:#c23142;

  input {

    width: 100%;

    float: left;

    outline: none!important;

    height: 38px;

    background: #f6f6f6;

    border: 1px solid $inputs-border;

    padding-left: 8px;

    margin-top: 5px;

    resize: none;

    box-shadow:none;

    border-radius: 4px;

    &:focus {

      box-shadow: 2px 3px 4px 0px rgba(238, 238, 238, 1) inset;

  

      @include Transition(0.4);

    }

  }

  textarea {

    @extend input;

    padding-top: 8px;

    min-height: 96px;

    max-height: 96px;

    max-width: 100%;

  }

  select {

    @extend input;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    background: #fff url(../images/cabinet/icons_cab/arrow_select.png) 98% 50% no-repeat !important;

  }

  

  button[type="submit"] {

    display: block;

    outline: none !important;

    border-top: 0;

    border-bottom: 0;

    border-left: 0;

    border-right: 0;

    cursor: pointer;

  }

  

  label {

    margin-top: 12px;

    float: left;

    font-size: 14px;

  }

  

  

  

  .has-error {

    input, textarea, select {

      border: 1px solid $requiredColor !important;

    }

  }

  

  .required label {

    position: relative;

    &:before {

      display: block;

      content: "*";

      color: $requiredColor !important;

      position: absolute;

      top: 0;

      right: -11px;

    }

  }

  

  

  .help-block {

    display: none;

    width: 100%;

    float: left;

    font-size: 13px;

    color: #888;

    margin-top: 5px;

  }