|
Server IP : 103.191.208.50 / Your IP : 216.73.216.53 Web Server : LiteSpeed System : Linux orion.herosite.pro 4.18.0-553.53.1.lve.el8.x86_64 #1 SMP Wed May 28 17:01:02 UTC 2025 x86_64 User : celkcksm ( 1031) PHP Version : 7.4.33 Disable Function : show_source, system, shell_exec, passthru, popen, exec MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home/celkcksm/royalrasoi.ncriptech.com/scss/abstracts/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
@mixin flex($alignItem, $justifyContent) {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: $alignItem;
justify-content: $justifyContent;
}
@mixin grid($loop, $num, $row-gap, $col-gap) {
display: grid;
grid-template-columns: repeat($loop, $num);
gap: $row-gap $col-gap;
}
@mixin d-flex() {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
@mixin centered() {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@mixin center($x, $y) {
-webkit-transform: translate($x,$y);
-moz-transform: translate($x,$y);
-ms-transform: translate($x,$y);
-o-transform: translate($x,$y);
transform: translate($x,$y);
}
@mixin prefix($property, $value, $prefixes: ()) {
@each $prefix in $prefixes {
#{'-' + $prefix + '-' + $property}: $value;
}
#{$property}: $value;
}
// --------------------------
@mixin transition1 (){
-webkit-transition: all 0.1s ease;
-moz-transition : all 0.1s ease;
-ms-transition : all 0.1s ease;
-o-transition : all 0.1s ease;
transition : all 0.1s ease;
}
@mixin transition2 (){
-webkit-transition: all 0.2s ease;
-moz-transition : all 0.2s ease;
-ms-transition : all 0.2s ease;
-o-transition : all 0.2s ease;
transition : all 0.2s ease;
}
@mixin transition3 (){
-webkit-transition: all 0.3s ease;
-moz-transition : all 0.3s ease;
-ms-transition : all 0.3s ease;
-o-transition : all 0.3s ease;
transition : all 0.3s ease;
}
@mixin transition4 (){
-webkit-transition: all 0.4s ease;
-moz-transition : all 0.4s ease;
-ms-transition : all 0.4s ease;
-o-transition : all 0.4s ease;
transition : all 0.4s ease;
}
@mixin transition5 (){
-webkit-transition: all 0.5s ease;
-moz-transition : all 0.5s ease;
-ms-transition : all 0.5s ease;
-o-transition : all 0.5s ease;
transition : all 0.5s ease;
}