2015-09-12 13:19:18 +02:00
|
|
|
.navigation-list() {
|
|
|
|
margin: 0px;
|
|
|
|
padding: 0px;
|
|
|
|
list-style: none;
|
|
|
|
|
|
|
|
li {
|
2015-10-25 03:35:37 +01:00
|
|
|
margin: 0px;
|
|
|
|
padding: 0px;
|
|
|
|
float: left;
|
2015-09-12 13:19:18 +02:00
|
|
|
|
2015-10-25 03:35:37 +01:00
|
|
|
a {
|
|
|
|
display: block;
|
|
|
|
}
|
2015-09-12 13:19:18 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.ellipsis() {
|
|
|
|
white-space: nowrap;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
|
|
|
|
.not-selectable {
|
|
|
|
-webkit-touch-callout: none;
|
|
|
|
-webkit-user-select: none;
|
|
|
|
-khtml-user-select: none;
|
|
|
|
-moz-user-select: none;
|
|
|
|
-ms-user-select: none;
|
|
|
|
user-select: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.navigation-list-horiz() {
|
|
|
|
.navigation-list();
|
|
|
|
|
|
|
|
li, a {
|
2015-10-25 03:35:37 +01:00
|
|
|
float: left;
|
2015-09-12 13:19:18 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.transform(@string){
|
|
|
|
-webkit-transform: @string;
|
2015-10-25 03:35:37 +01:00
|
|
|
-moz-transform: @string;
|
|
|
|
-ms-transform: @string;
|
|
|
|
-o-transform: @string;
|
2015-09-12 13:19:18 +02:00
|
|
|
}
|
|
|
|
.scale (@factor) {
|
|
|
|
-webkit-transform: scale(@factor);
|
2015-10-25 03:35:37 +01:00
|
|
|
-moz-transform: scale(@factor);
|
|
|
|
-ms-transform: scale(@factor);
|
|
|
|
-o-transform: scale(@factor);
|
2015-09-12 13:19:18 +02:00
|
|
|
}
|
|
|
|
.rotate (@deg) {
|
|
|
|
-webkit-transform: rotate(@deg);
|
2015-10-25 03:35:37 +01:00
|
|
|
-moz-transform: rotate(@deg);
|
|
|
|
-ms-transform: rotate(@deg);
|
|
|
|
-o-transform: rotate(@deg);
|
2015-09-12 13:19:18 +02:00
|
|
|
}
|
|
|
|
.skew (@deg, @deg2) {
|
|
|
|
-webkit-transform: skew(@deg, @deg2);
|
2015-10-25 03:35:37 +01:00
|
|
|
-moz-transform: skew(@deg, @deg2);
|
|
|
|
-ms-transform: skew(@deg, @deg2);
|
|
|
|
-o-transform: skew(@deg, @deg2);
|
2015-09-12 13:19:18 +02:00
|
|
|
}
|
|
|
|
.translate (@x, @y:0) {
|
|
|
|
-webkit-transform: translate(@x, @y);
|
2015-10-25 03:35:37 +01:00
|
|
|
-moz-transform: translate(@x, @y);
|
|
|
|
-ms-transform: translate(@x, @y);
|
|
|
|
-o-transform: translate(@x, @y);
|
2015-09-12 13:19:18 +02:00
|
|
|
}
|
|
|
|
.translate3d (@x, @y: 0, @z: 0) {
|
|
|
|
-webkit-transform: translate3d(@x, @y, @z);
|
2015-10-25 03:35:37 +01:00
|
|
|
-moz-transform: translate3d(@x, @y, @z);
|
|
|
|
-ms-transform: translate3d(@x, @y, @z);
|
|
|
|
-o-transform: translate3d(@x, @y, @z);
|
2015-09-12 13:19:18 +02:00
|
|
|
}
|
|
|
|
.perspective (@value: 1000) {
|
2015-10-25 03:35:37 +01:00
|
|
|
-webkit-perspective: @value;
|
|
|
|
-moz-perspective: @value;
|
|
|
|
-ms-perspective: @value;
|
|
|
|
perspective: @value;
|
2015-09-12 13:19:18 +02:00
|
|
|
}
|
|
|
|
.transform-origin (@x:center, @y:center) {
|
|
|
|
-webkit-transform-origin: @x @y;
|
|
|
|
-moz-transform-origin: @x @y;
|
|
|
|
-ms-transform-origin: @x @y;
|
|
|
|
-o-transform-origin: @x @y;
|
|
|
|
}
|
|
|
|
.backface-visibility(@string) {
|
|
|
|
-webkit-backface-visibility: @string;
|
|
|
|
-moz-backface-visibility: @string;
|
|
|
|
-ms-backface-visibility: @string;
|
|
|
|
-o-backface-visibility: @string;
|
|
|
|
}
|
|
|
|
|
|
|
|
.animation-duration(@string) {
|
|
|
|
-moz-animation-duration: @string;
|
|
|
|
-webkit-animation-duration: @string;
|
|
|
|
}
|
|
|
|
|
|
|
|
.animation-name(@string) {
|
|
|
|
-moz-animation-name: @string;
|
|
|
|
-webkit-animation-name: @string;
|
|
|
|
}
|