app/assets/sass/_forms.scss


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

@import "compass/css3/user-interface";

.input-box {
  @include input-placeholder {
    color: $gray;
    font-size: round($font-size-base * 1.4);
  }

  &:focus {
    box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  }

  &-main {
    font-size: round($font-size-base * 1.4);
    width: 700px;
    border: 0;
    border-bottom: 2px solid $blue;
    padding: $padding-lg;
    margin-top: $padding-lg;
    margin-bottom: $padding-lg;
  }

    &-lg {
      width: 98%;
      height: 210px;
      margin-bottom: $padding-base;
      margin-bottom: $padding-lg;
      border-radius: $border-radius-base;
      border: 1px solid $line-color;
      padding: $padding-lg;
    }

}