| Server IP : 104.21.14.48 / Your IP : 18.191.22.143 [ Web Server : Apache System : Linux b70eb322-3aee-0c53-7c82-0db91281f2c6.secureserver.net 6.1.90-1.el9.elrepo.x86_64 #1 SMP PREEMPT_DYNAMIC Thu May 2 12:09:22 EDT 2024 x86_64 User : root ( 0) PHP Version : 8.0.30.2 Disable Function : NONE Domains : 0 Domains MySQL : ON | cURL : ON | WGET : ON | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /var/www/wp-content/themes/izo/sass/abstracts/mixins/ |
Upload File : |
// Center block
@mixin center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
@mixin container {
max-width: 1170px;
margin-left: auto;
margin-right: auto;
}
// Column width with margin
@mixin column-width($numberColumns: 3) {
width: map-get($columns, $numberColumns) - ( ( $columns__margin * ( $numberColumns - 1 ) ) / $numberColumns );
}
// Rem output with px fallback
@mixin font-size($sizeValue: 1) {
font-size: ($sizeValue) * 1px;
font-size: ($sizeValue / 16) * 1rem;
}
// Vertical align
@mixin v-align {
display: flex;
align-items: center;
flex-basis: 100%;
}
//Media queries
@mixin media-min-576 {
@media (min-width: 576px ) {
@content;
}
}
@mixin media-min-768 {
@media (min-width: 768px ) {
@content;
}
}
@mixin media-max-767 {
@media (max-width: 767px ) {
@content;
}
}
@mixin media-min-992 {
@media (min-width: 992px ) {
@content;
}
}
@mixin media-max-991 {
@media (max-width: 991px ) {
@content;
}
}