| Server IP : 89.108.64.180 / Your IP : 216.73.216.220 Web Server : Apache/2.4.41 (Ubuntu) System : Linux 89-108-64-180.cloudvps.regruhosting.ru 5.4.0-216-generic #236-Ubuntu SMP Fri Apr 11 19:53:21 UTC 2025 x86_64 User : www-root ( 1010) PHP Version : 8.0.30 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority, MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /var/www/www-root/data/www/hostelkey.ru/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;
}
}