| 1 | /* Vars ----------------------------------------------------*/
|
|---|
| 2 |
|
|---|
| 3 | @fontColor: #444444;
|
|---|
| 4 | @fontColorInner: #585246;
|
|---|
| 5 | @fontLightColor: #f3e4c8;
|
|---|
| 6 | @headingColor: #444444;
|
|---|
| 7 |
|
|---|
| 8 |
|
|---|
| 9 | @linkColor: #c95039;
|
|---|
| 10 |
|
|---|
| 11 |
|
|---|
| 12 | @accentColor: #CB5432;
|
|---|
| 13 | @fgColor: #f3e4c8;
|
|---|
| 14 | @bgColor: #f1ede8;
|
|---|
| 15 | @headerColor: #2d2d2d;
|
|---|
| 16 |
|
|---|
| 17 |
|
|---|
| 18 |
|
|---|
| 19 |
|
|---|
| 20 | /* Mixins ----------------------------------------------------*/
|
|---|
| 21 |
|
|---|
| 22 | .box-shadow-full (@x: 0, @y: 5px, @blur: 5px, @spread: -5px, @color: #000) {
|
|---|
| 23 | -moz-box-shadow: @x @y @blur @spread @color;
|
|---|
| 24 | -webkit-box-shadow: @x @y @blur @spread @color;
|
|---|
| 25 | box-shadow: @x @y @blur @spread @color;
|
|---|
| 26 | }
|
|---|
| 27 |
|
|---|
| 28 | .box-shadow (@opa: 0.2) {
|
|---|
| 29 | -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,@opa);
|
|---|
| 30 | -moz-box-shadow: 0px 0px 2px rgba(0,0,0,@opa);
|
|---|
| 31 | -o-box-shadow: 0px 0px 2px rgba(0,0,0,@opa);
|
|---|
| 32 | box-shadow: 0px 0px 2px rgba(0,0,0,@opa);
|
|---|
| 33 | }
|
|---|
| 34 |
|
|---|
| 35 | .transition(){
|
|---|
| 36 | -webkit-transition: all 0.3s ease;
|
|---|
| 37 | -moz-transition: all 0.3s ease;
|
|---|
| 38 | -o-transition: all 0.3s ease;
|
|---|
| 39 | transition: all 0.3s ease;
|
|---|
| 40 | }
|
|---|
| 41 |
|
|---|
| 42 | .shadow(){
|
|---|
| 43 | box-shadow: 3px 3px 0 0 rgba(0,0,0,0.1);
|
|---|
| 44 | }
|
|---|
| 45 |
|
|---|
| 46 | .border-radius(@t:40, @r:40px, @b:40px, @l:40px){
|
|---|
| 47 | -moz-border-radius: @t @r @b @l;
|
|---|
| 48 | -webkit-border-radius: @t @r @b @l;
|
|---|
| 49 | border-radius: @t @r @b @l;
|
|---|
| 50 | }
|
|---|
| 51 |
|
|---|
| 52 | .text-shadow(){
|
|---|
| 53 | text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);
|
|---|
| 54 | } |
|---|
