Skip to content
Snippets Groups Projects
Commit 5c6a40f8 authored by Karl Prieb's avatar Karl Prieb
Browse files

lesshat: remove "transform" mixin

parent 0d229b3d
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 69 additions and 125 deletions
packages/rocketchat-emoji/emojiPicker.less
+ 4
− 6
View file @ 5c6a40f8
@import "lesshat.less";
.emoji-picker-icon {
cursor: pointer;
font-size: 18px;
......@@ -10,7 +8,7 @@
&:hover {
&::before {
.transform(scale(1.2));
transform: scale(1.2);
}
}
}
......@@ -73,7 +71,7 @@
transition: transform 0.2s ease;
&:hover {
.transform(scale(1.2));
transform: scale(1.2);
background-color: #dddddd;
}
}
......@@ -123,12 +121,12 @@
top: 25px;
z-index: 1;
transition: transform 0.2s ease, visibility 0.2s ease, opacity 0.2s ease;
.transform(translateY(-20px));
transform: translateY(-20px);
opacity: 0;
visibility: hidden;
&.show {
.transform(translateY(0px));
transform: translateY(0px);
opacity: 1;
display: block;
visibility: visible;
......
packages/rocketchat-emoji/lesshat.less deleted 100644 → 0
+ 0
− 12
View file @ 0d229b3d
// lesshat - The best mixin library in the world
//
// version: v4.1.0 (2016-07-19)
.transform(...) {
@process: ~`(function(e){e=e||"none";var r={translate:"px",rotate:"deg",rotate3d:"deg",skew:"deg"};/^\w*\(?[a-z0-9.]*\)?/.test(e)&&(e=e.replace(/(?:,)(?![^(]*\))/g,""));for(var t in r)e.indexOf(t)>=0&&(e=e.replace(new RegExp(t+"[\\w]?\\([a-z0-9, %]*\\)"),function(e){var n=/(\d+\.?\d*)(?!\w|%)/g;return"rotate3d"==t&&(n=/,\s*\d+$/),e.replace(n,function(e){return e+r[t]})}));return e})((function(){var r="@{arguments}";return r=r.replace(/^\[|\]$/g,"")})())`;
-webkit-transform: @process;
-moz-transform: @process;
-ms-transform: @process;
-o-transform: @process;
transform: @process;
}
packages/rocketchat-livechat/app/client/stylesheets/main.less
+ 8
− 8
View file @ 5c6a40f8
......@@ -470,10 +470,10 @@ input:focus {
left: 50%;
z-index: 5;
transition: transform 0.3s ease-out;
.transform(translateY(-40px));
transform: translateY(-40px);
&.not {
.transform(translateY(100%));
transform: translateY(100%);
}
}
......@@ -485,10 +485,10 @@ input:focus {
padding: 5px;
z-index: 8;
transition: transform 0.2s ease-out;
.transform(translateY(100%));
transform: translateY(100%);
&.show {
.transform(translateY(0));
transform: translateY(0);
}
}
}
......@@ -581,12 +581,12 @@ input:focus {
position: absolute;
z-index: 200;
transition: transform 0.15s ease, visibility 0.15s ease, opacity 0.15s ease;
.transform(translateY(30px));
transform: translateY(30px);
opacity: 0;
visibility: hidden;
&.show {
.transform(translateY(0px));
transform: translateY(0px);
opacity: 1;
display: block;
visibility: visible;
......@@ -814,13 +814,13 @@ input:focus {
text-align: center;
opacity: 0;
visibility: hidden;
.transform(translateY(50px));
transform: translateY(50px);
transition: opacity 0.175s ease-out, transform 0.175s ease-out, visibility 0.175s ease-out;
&.visible {
opacity: 1;
visibility: visible;
.transform(translateY(0px));
transform: translateY(0px);
}
.end-call {
......
packages/rocketchat-livechat/app/client/stylesheets/utils/_keyframes.import.less
+ 3
− 3
View file @ 5c6a40f8
......@@ -117,13 +117,13 @@
1% {
opacity: 0;
visibility: visible;
.transform(translateY(-150px));
transform: translateY(-150px);
}
100% {
opacity: 1;
visibility: visible;
.transform(translateY(0));
transform: translateY(0);
}
}
......@@ -155,7 +155,7 @@
99% {
opacity: 0;
visibility: visible;
.transform(translateY(150px));
transform: translateY(150px);
}
100% {
......
packages/rocketchat-livechat/app/client/stylesheets/utils/_lesshat.import.less
+ 0
− 9
View file @ 5c6a40f8
......@@ -17,15 +17,6 @@
box-sizing: @process;
}
.transform(...) {
@process: ~`(function(e){e=e||"none";var r={translate:"px",rotate:"deg",rotate3d:"deg",skew:"deg"};/^\w*\(?[a-z0-9.]*\)?/.test(e)&&(e=e.replace(/(?:,)(?![^(]*\))/g,""));for(var t in r)e.indexOf(t)>=0&&(e=e.replace(new RegExp(t+"[\\w]?\\([a-z0-9, %]*\\)"),function(e){var n=/(\d+\.?\d*)(?!\w|%)/g;return"rotate3d"==t&&(n=/,\s*\d+$/),e.replace(n,function(e){return e+r[t]})}));return e})((function(){var r="@{arguments}";return r=r.replace(/^\[|\]$/g,"")})())`;
-webkit-transform: @process;
-moz-transform: @process;
-ms-transform: @process;
-o-transform: @process;
transform: @process;
}
.transform-origin(...) {
@process: ~`(function(e){e=e||"50% 50% 0";var t=/\d/gi,r=/(?:\s|^)(\.?\d+\.?\d*)(?![^(]*\)|\w|%|\.)/gi;return/^[^, ]*,/.test(e)&&(e=e.replace(/(?:,)(?![^(]*\))/g,"")),t.test(e)&&(e=e.replace(r,function(e){return 0==e&&e||e+"%"})),e})((function(){var r="@{arguments}";return r=r.replace(/^\[|\]$/g,"")})())`;
-webkit-transform-origin: @process;
......
packages/rocketchat-livechat/client/stylesheets/lesshat.less deleted 100644 → 0
+ 0
− 12
View file @ 0d229b3d
// lesshat - The best mixin library in the world
//
// version: v4.1.0 (2016-07-19)
.transform(...) {
@process: ~`(function(e){e=e||"none";var r={translate:"px",rotate:"deg",rotate3d:"deg",skew:"deg"};/^\w*\(?[a-z0-9.]*\)?/.test(e)&&(e=e.replace(/(?:,)(?![^(]*\))/g,""));for(var t in r)e.indexOf(t)>=0&&(e=e.replace(new RegExp(t+"[\\w]?\\([a-z0-9, %]*\\)"),function(e){var n=/(\d+\.?\d*)(?!\w|%)/g;return"rotate3d"==t&&(n=/,\s*\d+$/),e.replace(n,function(e){return e+r[t]})}));return e})((function(){var r="@{arguments}";return r=r.replace(/^\[|\]$/g,"")})())`;
-webkit-transform: @process;
-moz-transform: @process;
-ms-transform: @process;
-o-transform: @process;
transform: @process;
}
packages/rocketchat-livechat/client/stylesheets/livechat.less
+ 4
− 6
View file @ 5c6a40f8
@import "lesshat.less";
@header-min-height: 30px;
@footer-min-height: 55px;
@link-font-color: #008ce3;
......@@ -423,10 +421,10 @@
left: 50%;
z-index: 5;
transition: transform 0.3s ease-out;
.transform(translateY(-40px));
transform: translateY(-40px);
&.not {
.transform(translateY(100%));
transform: translateY(100%);
}
}
......@@ -438,10 +436,10 @@
padding: 5px;
z-index: 8;
transition: transform 0.2s ease-out;
.transform(translateY(100%));
transform: translateY(100%);
&.show {
.transform(translateY(0));
transform: translateY(0);
}
}
}
......
packages/rocketchat-theme/client/imports/base.less
+ 30
− 30
View file @ 5c6a40f8
......@@ -861,11 +861,11 @@ label.required::after {
}
&:nth-child(1) {
.transform(translate(-25%, 3px) rotate(-45deg) scale(0.5, 1));
transform: translate(-25%, 3px) rotate(-45deg) scale(0.5, 1);
}
&:nth-child(3) {
.transform(translate(-25%, -3px) rotate(45deg) scale(0.5, 1));
transform: translate(-25%, -3px) rotate(45deg) scale(0.5, 1);
}
}
}
......@@ -890,52 +890,52 @@ label.required::after {
}
&::before {
.transform(rotate(135deg) translateX(-4px));
transform: rotate(135deg) translateX(-4px);
transition: transform 0.185s ease-out, background 0.15s ease-out;
}
&::after {
.transform(rotate(-135deg) translateX(-4px));
transform: rotate(-135deg) translateX(-4px);
transition: transform 0.185s ease-out, background 0.15s ease-out;
}
&.left {
&::before {
.transform(rotate(45deg) translateY(-4px));
transform: rotate(45deg) translateY(-4px);
}
&::after {
.transform(rotate(-45deg) translateY(4px));
transform: rotate(-45deg) translateY(4px);
}
}
&.top {
&::before {
.transform(rotate(-135deg) translateX(2px) translateY(-2px));
transform: rotate(-135deg) translateX(2px) translateY(-2px);
}
&::after {
.transform(rotate(135deg) translateX(-2px) translateY(-2px));
transform: rotate(135deg) translateX(-2px) translateY(-2px);
}
}
&.bottom {
&::before {
.transform(rotate(-45deg) translateX(-2px) translateY(-2px));
transform: rotate(-45deg) translateX(-2px) translateY(-2px);
}
&::after {
.transform(rotate(45deg) translateX(2px) translateY(-2px));
transform: rotate(45deg) translateX(2px) translateY(-2px);
}
}
&.close {
&::before {
.transform(rotate(-135deg) translateX(0) translateY(0));
transform: rotate(-135deg) translateX(0) translateY(0);
}
&::after {
.transform(rotate(135deg) translateX(0) translateY(0));
transform: rotate(135deg) translateX(0) translateY(0);
}
}
}
......@@ -1077,7 +1077,7 @@ label.required::after {
z-index: 99;
&.animated-hidden {
.transform(translateY(-100%) translateY(-50px));
transform: translateY(-100%) translateY(-50px);
}
> .wrapper {
......@@ -1159,12 +1159,12 @@ label.required::after {
transition: transform 0.15s cubic-bezier(0.5, 0, 0.1, 1);
&.animated-hidden {
.transform(translateX(-100%));
transform: translateX(-100%);
header,
footer,
.content {
.transform(translateX(-100%));
transform: translateX(-100%);
}
}
......@@ -1513,14 +1513,14 @@ label.required::after {
right: -18px;
top: 2px;
opacity: 0;
.transform(translateX(-10px));
transform: translateX(-10px);
transition: opacity 0.15s ease 0.35s, transform 0.12s ease-out 0.35s;
}
&:hover {
.opt {
opacity: 1;
.transform(translateX(0));
transform: translateX(0);
}
}
......@@ -1585,7 +1585,7 @@ label.required::after {
&.fixed {
opacity: 1;
.transform(translateX(0));
transform: translateX(0);
}
}
......@@ -2197,14 +2197,14 @@ label.required::after {
0 1px 1px 0 rgba(0, 0, 0, 0.2),
0 2px 10px 0 rgba(0, 0, 0, 0.16);
transition: transform 0.4s ease, visibility 0.3s ease, opacity 0.3s ease;
.transform(translateY(-10px));
transform: translateY(-10px);
opacity: 0;
visibility: hidden;
&.show {
opacity: 1;
visibility: visible;
.transform(translateY(0px));
transform: translateY(0px);
}
> div {
......@@ -2723,10 +2723,10 @@ label.required::after {
left: 50%;
z-index: 16;
transition: transform 0.3s ease-out;
.transform(translateY(0));
transform: translateY(0);
&.not {
.transform(translateY(150%));
transform: translateY(150%);
}
}
......@@ -2744,10 +2744,10 @@ label.required::after {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
transition: transform 0.3s ease-out;
.transform(translateY(0));
transform: translateY(0);
&.not {
.transform(translateY(150%));
transform: translateY(150%);
}
button {
......@@ -3262,7 +3262,7 @@ body:not(.is-cordova) {
width: 30px;
border-width: 0 0 1px;
cursor: pointer;
.transform(translateX(-27px));
transform: translateX(-27px);
transition: transform 0.25s ease-out 0.475s, background 0.075s ease-out 0.5s;
i {
......@@ -3320,7 +3320,7 @@ body:not(.is-cordova) {
}
> .animated-hidden {
.transform(translateX(100%));
transform: translateX(100%);
opacity: 0;
}
......@@ -3777,7 +3777,7 @@ body:not(.is-cordova) {
&.selected {
.avatar {
&::after {
.transform(scaleX(1))
transform: scaleX(1)
}
}
}
......@@ -4524,7 +4524,7 @@ body:not(.is-cordova) {
button.more {
width: 60px;
.transform(translateX(-57px));
transform: translateX(-57px);
}
}
......@@ -4776,10 +4776,10 @@ body:not(.is-cordova) {
bottom: 8px;
left: 50%;
transition: transform 0.3s ease-out;
.transform(translateY(0));
transform: translateY(0);
&.not {
.transform(translateY(150%));
transform: translateY(150%);
}
}
......
packages/rocketchat-theme/client/imports/keyframes.less
+ 3
− 3
View file @ 5c6a40f8
......@@ -117,13 +117,13 @@
1% {
opacity: 0;
visibility: visible;
.transform(translateY(-150px));
transform: translateY(-150px);
}
100% {
opacity: 1;
visibility: visible;
.transform(translateY(0));
transform: translateY(0);
}
}
......@@ -155,7 +155,7 @@
99% {
opacity: 0;
visibility: visible;
.transform(translateY(150px));
transform: translateY(150px);
}
100% {
......
packages/rocketchat-theme/client/imports/lesshat.less
+ 0
− 9
View file @ 5c6a40f8
......@@ -17,15 +17,6 @@
box-sizing: @process;
}
.transform(...) {
@process: ~`(function(e){e=e||"none";var r={translate:"px",rotate:"deg",rotate3d:"deg",skew:"deg"};/^\w*\(?[a-z0-9.]*\)?/.test(e)&&(e=e.replace(/(?:,)(?![^(]*\))/g,""));for(var t in r)e.indexOf(t)>=0&&(e=e.replace(new RegExp(t+"[\\w]?\\([a-z0-9, %]*\\)"),function(e){var n=/(\d+\.?\d*)(?!\w|%)/g;return"rotate3d"==t&&(n=/,\s*\d+$/),e.replace(n,function(e){return e+r[t]})}));return e})((function(){var r="@{arguments}";return r=r.replace(/^\[|\]$/g,"")})())`;
-webkit-transform: @process;
-moz-transform: @process;
-ms-transform: @process;
-o-transform: @process;
transform: @process;
}
.transform-origin(...) {
@process: ~`(function(e){e=e||"50% 50% 0";var t=/\d/gi,r=/(?:\s|^)(\.?\d+\.?\d*)(?![^(]*\)|\w|%|\.)/gi;return/^[^, ]*,/.test(e)&&(e=e.replace(/(?:,)(?![^(]*\))/g,"")),t.test(e)&&(e=e.replace(r,function(e){return 0==e&&e||e+"%"})),e})((function(){var r="@{arguments}";return r=r.replace(/^\[|\]$/g,"")})())`;
-webkit-transform-origin: @process;
......
packages/rocketchat-theme/client/imports/rtl.less
+ 17
− 17
View file @ 5c6a40f8
......@@ -179,12 +179,12 @@
}
&.animated-hidden {
.transform(translateX(100%));
transform: translateX(100%);
header,
footer,
.content {
.transform(translateX(100%));
transform: translateX(100%);
}
}
}
......@@ -370,7 +370,7 @@
.more {
.right(0);
.transform(translateX(27px));
transform: translateX(27px);
}
.search-form {
......@@ -393,7 +393,7 @@
.flex-tab {
.control {
.more {
.transform(translateX(0));
transform: translateX(0);
}
}
}
......@@ -494,7 +494,7 @@
right: @rooms-box-width;
.flex-tab {
.transform(translateX(calc(~'100% + 40px')));
transform: translateX(calc(~'100% + 40px'));
}
}
}
......@@ -523,11 +523,11 @@
&.menu-opened {
i {
&:nth-child(1) {
.transform(translate(25%, 3px) rotate(45deg) scale(0.5, 1));
transform: translate(25%, 3px) rotate(45deg) scale(0.5, 1);
}
&:nth-child(3) {
.transform(translate(25%, -3px) rotate(-45deg) scale(0.5, 1));
transform: translate(25%, -3px) rotate(-45deg) scale(0.5, 1);
}
}
}
......@@ -540,50 +540,50 @@
}
&::before {
.transform(rotate(135deg) translateX(4px));
transform: rotate(135deg) translateX(4px);
}
&::after {
.transform(rotate(-135deg) translateX(4px));
transform: rotate(-135deg) translateX(4px);
}
&.left {
&::before {
.transform(rotate(-45deg) translateY(-4px));
transform: rotate(-45deg) translateY(-4px);
}
&::after {
.transform(rotate(45deg) translateY(4px));
transform: rotate(45deg) translateY(4px);
}
}
&.top {
&::before {
.transform(rotate(45deg) translateX(-2px) translateY(2px));
transform: rotate(45deg) translateX(-2px) translateY(2px);
}
&::after {
.transform(rotate(-45deg) translateX(2px) translateY(2px));
transform: rotate(-45deg) translateX(2px) translateY(2px);
}
}
&.bottom {
&::before {
.transform(rotate(-45deg) translateX(-2px) translateY(-2px));
transform: rotate(-45deg) translateX(-2px) translateY(-2px);
}
&::after {
.transform(rotate(45deg) translateX(2px) translateY(-2px));
transform: rotate(45deg) translateX(2px) translateY(-2px);
}
}
&.close {
&::before {
.transform(rotate(-45deg));
transform: rotate(-45deg);
}
&::after {
.transform(rotate(45deg));
transform: rotate(45deg);
}
}
}
......
packages/rocketchat-theme/server/lesshat.less
+ 0
− 10
View file @ 5c6a40f8
.transform(...) {
@process: ~`(function(e){e=e||"none";var r={translate:"px",rotate:"deg",rotate3d:"deg",skew:"deg"};/^\w*\(?[a-z0-9.]*\)?/.test(e)&&(e=e.replace(/(?:,)(?![^(]*\))/g,""));for(var t in r)e.indexOf(t)>=0&&(e=e.replace(new RegExp(t+"[\\w]?\\([a-z0-9, %]*\\)"),function(e){var n=/(\d+\.?\d*)(?!\w|%)/g;return"rotate3d"==t&&(n=/,\s*\d+$/),e.replace(n,function(e){return e+r[t]})}));return e})((function(){var r="@{arguments}";return r=r.replace(/^\[|\]$/g,"")})())`;
-webkit-transform: @process;
-moz-transform: @process;
-ms-transform: @process;
-o-transform: @process;
transform: @process;
}
.gradient(@startColor: #eee, @endColor: white) {
background: linear-gradient(to top, @startColor, @endColor);
}
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment