55 lines
1.3 KiB
Plaintext
55 lines
1.3 KiB
Plaintext
/////////////////////////////////////
|
|
// Scaffolding
|
|
/////////////////////////////////////
|
|
|
|
|
|
//
|
|
// Variables
|
|
//
|
|
|
|
@font-size: 12px;
|
|
@line-height: 20px;
|
|
@font-weight: 200;
|
|
@font-family: 'Helvetica Neue', Helvetica, Verdana, Geneva, sans-serif;
|
|
@font-color: #fff;
|
|
|
|
@font-size-ios6: 11px;
|
|
@line-height-ios6: 17px;
|
|
@font-weight-ios6: normal;
|
|
@font-family-ios6: Helvetica, Verdana, Geneva, sans-serif;
|
|
@font-color-ios6: #fff;
|
|
|
|
// High DPI Media Query
|
|
@highDPI: ~"print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) ";
|
|
|
|
//
|
|
// Mixins
|
|
//
|
|
|
|
// Border Radius
|
|
.border-radius(@radius: 10px) {
|
|
border-radius: @radius;
|
|
background-clip: padding-box;
|
|
}
|
|
|
|
// Gradients
|
|
#gradient {
|
|
.vertical(@startColor: #555, @endColor: #333) {
|
|
background-image: -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+
|
|
background-image: linear-gradient(top, @startColor, @endColor); // The standard
|
|
background-repeat: repeat-x;
|
|
}
|
|
}
|
|
|
|
// Transitions
|
|
.transition(@transition: all .2s ease-in-out 0s) {
|
|
-webkit-transition: @transition;
|
|
transition: @transition;
|
|
}
|
|
|
|
// Box sizing
|
|
.box-sizing(@boxmodel) {
|
|
-webkit-box-sizing: @boxmodel;
|
|
-moz-box-sizing: @boxmodel;
|
|
box-sizing: @boxmodel;
|
|
} |