2014-02-16 12:28:06 +01:00
|
|
|
/* ===========================================================================================
|
|
|
|
Mixins
|
|
|
|
============================================================================================== */
|
|
|
|
|
|
|
|
.kill-background-image() {
|
2014-02-16 12:30:45 +01:00
|
|
|
background-image: none;
|
|
|
|
filter: none;
|
2014-02-16 12:28:06 +01:00
|
|
|
}
|
2014-02-16 12:30:45 +01:00
|
|
|
|
2014-02-16 12:28:06 +01:00
|
|
|
.kill-box-shadow() {
|
2014-02-16 12:30:45 +01:00
|
|
|
box-shadow: none;
|
2014-02-16 12:28:06 +01:00
|
|
|
}
|
2014-02-16 12:30:45 +01:00
|
|
|
|
2014-02-16 12:28:06 +01:00
|
|
|
.sans-serif(@weight: normal, @size: 14px, @lineheight: 20px) {
|
2014-02-16 12:30:45 +01:00
|
|
|
font-weight: @weight;
|
|
|
|
font-size: @size;
|
2016-05-23 20:09:15 +02:00
|
|
|
font-family: @font-family-text;
|
2014-02-16 12:30:45 +01:00
|
|
|
line-height: @lineheight;
|
2014-02-16 12:28:06 +01:00
|
|
|
}
|
2016-05-23 20:09:15 +02:00
|
|
|
|
|
|
|
// Single side border-radius
|
|
|
|
|
|
|
|
.border-top-radius(@radius) {
|
|
|
|
border-top-right-radius: @radius;
|
|
|
|
border-top-left-radius: @radius;
|
|
|
|
}
|
|
|
|
.border-right-radius(@radius) {
|
|
|
|
border-bottom-right-radius: @radius;
|
|
|
|
border-top-right-radius: @radius;
|
|
|
|
}
|
|
|
|
.border-bottom-radius(@radius) {
|
|
|
|
border-bottom-right-radius: @radius;
|
|
|
|
border-bottom-left-radius: @radius;
|
|
|
|
}
|
|
|
|
.border-left-radius(@radius) {
|
|
|
|
border-bottom-left-radius: @radius;
|
|
|
|
border-top-left-radius: @radius;
|
|
|
|
}
|
|
|
|
|
|
|
|
// Clearfix
|
|
|
|
//
|
|
|
|
// For modern browsers
|
|
|
|
// 1. The space content is one way to avoid an Opera bug when the
|
|
|
|
// contenteditable attribute is included anywhere else in the document.
|
|
|
|
// Otherwise it causes space to appear at the top and bottom of elements
|
|
|
|
// that are clearfixed.
|
|
|
|
// 2. The use of `table` rather than `block` is only necessary if using
|
|
|
|
// `:before` to contain the top-margins of child elements.
|
|
|
|
//
|
|
|
|
// Source: http://nicolasgallagher.com/micro-clearfix-hack/
|
|
|
|
|
|
|
|
.clearfix() {
|
|
|
|
&::before,
|
|
|
|
&::after {
|
|
|
|
content: " "; // 1
|
|
|
|
display: table; // 2
|
|
|
|
}
|
|
|
|
&::after {
|
|
|
|
clear: both;
|
|
|
|
}
|
|
|
|
}
|