. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
| Server IP : 52.223.31.75 / Your IP : 172.31.6.220 [ Web Server : Apache/2.4.66 () OpenSSL/1.0.2k-fips PHP/7.4.33 System : Linux ip-172-31-14-81.eu-central-1.compute.internal 4.14.281-212.502.amzn2.x86_64 #1 SMP Thu May 26 09:52:17 UTC 2022 x86_64 User : apache ( 48) PHP Version : 7.4.33 Disable Function : NONE Domains : 4 Domains MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : OFF Directory : /var/www/ripara.co/admin/less/inc/ |
Upload File : |
/*
* Font Face
*/
.font-face(@family, @name, @weight: 300, @style){
@font-face{
font-family: @family;
src:url('../fonts/@{family}/@{name}.eot');
src:url('../fonts/@{family}/@{name}.eot?#iefix') format('embedded-opentype'),
url('../fonts/@{family}/@{name}.woff') format('woff'),
url('../fonts/@{family}/@{name}.ttf') format('truetype'),
url('../fonts/@{family}/@{name}.svg#icon') format('svg');
font-weight: @weight;
font-style: @style;
}
}
/*
* Background Repeat + Position
*/
.bg-option(@repeat: no-repeat, @position: center) {
background-repeat: @repeat;
background-position: @position;
}
/*
* CSS Animations based on animate.css
*/
.animated(@name, @duration) {
-webkit-animation-name: @name;
animation-name: @name;
-webkit-animation-duration: @duration;
animation-duration: @duration;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
/*
* CSS Transform - Scale and Rotate
*/
.scale-rotate(@scale, @rotate) {
-webkit-transform: scale(@scale) rotate(@rotate);
-ms-transform: scale(@scale) rotate(@rotate);
-o-transform: scale(@scale) rotate(@rotate);
transform: scale(@scale) rotate(@rotate);
}
/*
* User Select
*/
.user-select (@val) {
-webkit-touch-callout: @val;
-webkit-user-select: @val;
-khtml-user-select: @val;
-moz-user-select: @val;
-ms-user-select: @val;
user-select: @val;
}
/*
* Background Image Cover
*/
.bg-cover(@image) {
background-image: url(@image);
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center;
}
.bg-cover-inline() {
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center;
}
/*
* Tab Focus
*/
.tab-focus() {
outline: none !important;
}
/*
* Pop-in Hover effects
*/
.hover-pop(@background: ~"rgba(0,0,0,0.5)", @radius: 0, @duration: 250ms, @zindex: 0) {
@media (min-width: @screen-sm-min) {
position: relative;
&:before {
left: 0;
top: 0;
content: "";
position: absolute;
width: 100%;
height: 100%;
.scale3d(0,0,0);
.transition(all);
.transition-duration(@duration);
.backface-visibility(hidden);
background-color: @background;
z-index: @zindex;
border-radius: @radius;
.opacity(0);
}
&:hover:before,
&.open:before {
.scale3d(1,1,1);
.opacity(1);
}
}
}
/*
* Override Bootstrap Button Mixin
*/
.button-variant(@color; @background; @border) {
color: @color;
background-color: @background;
border-color: @border;
&:hover,
&:focus,
&.focus,
&:active,
.open > .dropdown-toggle& {
color: @color;
background-color: @background;
border-color: transparent;
&:hover,
&:focus,
&.focus {
color: @color;
background-color: @background;
border-color: transparent
}
}
&:active,
&.active,
.open > .dropdown-toggle& {
background-image: none;
}
&.disabled,
&[disabled],
fieldset[disabled] & {
&,
&:hover,
&:focus,
&.focus,
&:active {
background-color: @background;
border-color: @border;
}
}
.badge {
color: @background;
background-color: @color;
}
}
/*
* Scale 3d
*/
.scale3d(...) {
@process: ~`(function(e){return e=e||"1, 1, 1"})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
-webkit-transform: scale3d(@process);
-moz-transform: scale3d(@process);
-ms-transform: scale3d(@process);
-o-transform: scale3d(@process);
transform: scale3d(@process);
}