hero-unit.less 1.53 KB
Newer Older
Pierre's avatar
Pierre committed
1 2 3 4 5 6 7
//
// Hero unit
// --------------------------------------------------


.hero-unit {
  background: none;
Pierre's avatar
Pierre committed
8
  font-size: 1em;
Pierre's avatar
Pierre committed
9 10 11 12 13
  padding: @emLineHeight * 2 / 1.25;
  padding-top: @emLineHeight * 1 / 1.25;
  padding-bottom: @emLineHeight * 1 / 2;
  margin-bottom: @emLineHeight * 2 / 1.25;
  line-height: @emLineHeight;
Pierre's avatar
Pierre committed
14
  padding-left: 25px;
Pierre's avatar
Pierre committed
15
  // min-height: 260px;
Pierre's avatar
Pierre committed
16
  // float : left;
Pierre's avatar
Pierre committed
17 18 19 20

  position: relative;

  &:before {
Pierre's avatar
Pierre committed
21
    width:2px;
Pierre's avatar
Pierre committed
22 23 24 25 26
    position:absolute;
    left:0px;
    border-radius:5px;
    top:0; bottom:0;
    content:"";
Pierre's avatar
Pierre committed
27
    #gradient > .horizontal(lighten(@yellow, 15%), @yellow)
Pierre's avatar
Pierre committed
28 29 30 31 32 33
  }

  h1 {
    margin-bottom: @emLineHeight / 5;
    color: @green;
    letter-spacing: -1px;
Pierre's avatar
Pierre committed
34
    font-size: 1.8em;
Pierre's avatar
Pierre committed
35 36 37 38 39 40 41 42
  //   line-height: 1.1em;
  }
  h2 {
    color: @green;
  }
  p {
    color: @heroUnitLeadColor;
  }
Pierre's avatar
Pierre committed
43
  & >:last-child {margin-bottom: 0;}
Pierre's avatar
Pierre committed
44 45 46 47 48
}

.hero-unit.hu-red {

  &:before {
Pierre's avatar
Pierre committed
49 50
    #gradient > .horizontal(lighten(@red, 15%), @red)
  }
Pierre's avatar
Pierre committed
51 52 53
}
.hu-green.hero-unit {
  &:before {
Pierre's avatar
Pierre committed
54 55
    #gradient > .horizontal(lighten(@green, 15%), @green)
  }
Pierre's avatar
Pierre committed
56 57 58
}
.hu-purple.hero-unit{
  &:before {
Pierre's avatar
Pierre committed
59 60
    #gradient > .horizontal(lighten(@purple, 15%), @purple)
  }
Pierre's avatar
Pierre committed
61 62 63 64
}

.hu-yellow.hero-unit {
  &:before {
Pierre's avatar
Pierre committed
65 66
    #gradient > .horizontal(lighten(@yellow, 15%), @yellow)
  }
Pierre's avatar
Pierre committed
67 68 69 70
}

.hu-black.hero-unit {
  &:before {
Pierre's avatar
Pierre committed
71 72
    #gradient > .horizontal(lighten(@black, 15%), @black)
  }
Pierre's avatar
Pierre committed
73 74 75
}
.hu-orange.hero-unit {
  &:before {
Pierre's avatar
Pierre committed
76 77
    #gradient > .horizontal(lighten(@orange, 15%), @orange)
  }
Pierre's avatar
Pierre committed
78 79
}
.footer .hero-unit {
Pierre's avatar
Pierre committed
80 81 82
  margin-bottom: 0;
  padding-bottom: 1px;
  padding-top: 2px;
Pierre's avatar
Pierre committed
83
  &:before {
84
    width:2px;
Pierre's avatar
Pierre committed
85
  }
Pierre's avatar
Pierre committed
86
}