| Server IP : 38.190.208.107 / Your IP : 216.73.217.61 Web Server : nginx/1.28.1 System : Linux ht2026040333114 6.1.0-10-amd64 #1 SMP PREEMPT_DYNAMIC Debian 6.1.37-1 (2023-07-03) x86_64 User : www ( 1000) PHP Version : 8.2.28 Disable Function : passthru,exec,system,putenv,chroot,chgrp,chown,shell_exec,popen,proc_open,pcntl_exec,ini_alter,ini_restore,dl,openlog,syslog,readlink,symlink,popepassthru,pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,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,imap_open,apache_setenv,eval,assert,passthru,system,exec,shell_exec,popen,proc_open MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /www/wwwroot/wp.3/wp-content/plugins/dt-the7-core/assets/css/shortcodes/layouts/ |
Upload File : |
/* # grid
================================================== */
.dt-css-grid {
.@{unique-shortcode-class-name}:not(.resize-by-browser-width) & {
grid-row-gap: @grid-posts-gap*2;
grid-column-gap: @grid-posts-gap*2;
//-ms-grid-columns:repeat(auto-fit, minmax(@grid-post-min-width, 1fr));
grid-template-columns:repeat(auto-fill, minmax(@grid-post-min-width, 1fr));
& .double-width {
grid-column: span 2;
}
.cssgridlegacy.no-cssgrid &,
.no-cssgridlegacy.no-cssgrid & {
display: flex;
flex-flow: row wrap;
margin: -@grid-posts-gap;
& .wf-cell {
flex: 1 0 @grid-post-min-width;
min-width: @grid-post-min-width;
max-width: 100%;
padding: @grid-posts-gap;
box-sizing: border-box;
&.double-width {
//min-width: @grid-post-min-width*2;
}
}
}
}
.@{unique-shortcode-class-name}.resize-by-browser-width & {
//-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: repeat(@desktop-columns-num, 1fr);
grid-template-rows: auto;
grid-column-gap: @grid-posts-gap*2;
grid-row-gap: @grid-posts-gap*2;
& .double-width {
grid-column: span 2;
}
.cssgridlegacy.no-cssgrid & {
margin: -@grid-posts-gap;
& .wf-cell {
width: 100%/@desktop-columns-num;
padding: @grid-posts-gap;
&.double-width {
width: calc(100%/@desktop-columns-num) * 2;
}
}
}
}
.@{unique-shortcode-class-name}.resize-by-browser-width:not(.centered-layout-list):not(.content-bg-on) & {
grid-row-gap: @grid-posts-gap*2 - @post-content-padding-bottom;
}
}
@media screen and (max-width: 1199px){
.dt-css-grid {
.@{unique-shortcode-class-name}.resize-by-browser-width & {
grid-template-columns: repeat(@h-tablet-columns-num, 1fr);
.cssgridlegacy.no-cssgrid &,
.no-cssgridlegacy.no-cssgrid & {
& .wf-cell {
width: 100%/@h-tablet-columns-num;
&.double-width {
width: calc(100%/@h-tablet-columns-num)*2;
}
}
}
}
}
}
@media screen and (max-width: 991px){
.dt-css-grid {
.@{unique-shortcode-class-name}.resize-by-browser-width & {
grid-template-columns: repeat(@v-tablet-columns-num, 1fr);
.cssgridlegacy.no-cssgrid &,
.no-cssgridlegacy.no-cssgrid & {
& .wf-cell {
width: 100%/@v-tablet-columns-num;
&.double-width {
width: calc(100%/@v-tablet-columns-num)*2;
}
}
}
}
}
}
@media screen and (max-width: 812px){
.mixin-double-width (@a) when (isnumber(@a)) and (@a > 356) {
grid-column: span 1;
}
.dt-css-grid {
.@{unique-shortcode-class-name}:not(.resize-by-browser-width) & {
& .double-width {
.mixin-double-width (@grid-post-min-width);
}
}
}
}
.drop-double-width (@a) when (@a < 2) {
grid-column: span 1;
}
@media screen and (max-width: 767px){
.dt-css-grid {
.@{unique-shortcode-class-name}.resize-by-browser-width & {
grid-template-columns: repeat(@phone-columns-num, 1fr);
& .double-width {
.drop-double-width (@phone-columns-num);
}
.cssgridlegacy.no-cssgrid &,
.no-cssgridlegacy.no-cssgrid & {
& .wf-cell {
width: 100%/@phone-columns-num;
&.double-width {
width: calc(100%/@phone-columns-num)*2;
}
}
}
}
}
.mixin-double-width (@a) when (isnumber(@a)) and (@a > 350) {
grid-column: span 1;
}
.dt-css-grid {
.@{unique-shortcode-class-name}:not(.resize-by-browser-width) & {
& .double-width {
.mixin-double-width (@grid-post-min-width);
}
}
}
}
@media screen and (max-width: 568px){
.mixin (@a) when (isnumber(@a)) and (@a > 528) {
grid-template-columns:repeat(auto-fill, minmax(528px, 1fr));
}
.mixin-double-width (@a) when (isnumber(@a)) and (@a > 264) {
grid-column: span 1;
}
.dt-css-grid {
.@{unique-shortcode-class-name}:not(.resize-by-browser-width) & {
.mixin (@grid-post-min-width);
& .double-width {
.mixin-double-width (@grid-post-min-width);
}
}
}
}
@media screen and (max-width: 420px){
.mixin (@a) when (isnumber(@a)) and (@a > 370) {
grid-template-columns:repeat(auto-fill, minmax(100%, 1fr));
}
.mixin-double-width (@a) when (isnumber(@a)) and (@a > 185) {
grid-column: span 1;
}
.dt-css-grid {
.@{unique-shortcode-class-name}:not(.resize-by-browser-width) & {
.mixin (@grid-post-min-width);
& .double-width {
.mixin-double-width (@grid-post-min-width);
}
}
}
}
@media screen and (max-width: 320px){
.mixin (@a) when (isnumber(@a)) and (@a > 280) {
grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));
}
.mixin-double-width (@a) when (isnumber(@a)) and (@a > 140) {
grid-column: span 1;
}
.dt-css-grid {
.@{unique-shortcode-class-name}:not(.resize-by-browser-width) & {
.mixin (@grid-post-min-width);
& .double-width {
.mixin-double-width (@grid-post-min-width);
}
}
}
}