Pony.fm/resources/assets/styles/mixins.less

104 lines
2.4 KiB
Text
Raw Normal View History

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;
}