Skip to content

Tenzing / Tenzing-Web-2023

Go to a project
Toggle navigation
Toggle navigation pinning
85045dfc by Jeff Balicki
Options

ssss 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent 80af029d
Expand all
Inline Side-by-side
Showing 10 changed files with 53 additions and 49 deletions
......@@ -15827,58 +15827,52 @@ body.understrap-no-sidebar .wp-block-cover.alignwide {
}
.tiles {
-moz-column-count: 3;
column-count: 3;
display: grid;
grid-template-columns: auto auto auto;
-moz-column-width: 33%;
column-width: 33%;
-moz-column-gap: 0px;
column-gap: 0px;
grid-auto-flow: dense;
grid-template-rows: masonry;
}
.tile {
display: grid;
grid-template-rows: 1fr auto;
grid-row: 1/-1;
grid-column: 1;
display: inline-grid;
margin: 0px;
cursor: pointer;
font-size: 40px;
text-align: center;
background-color: #eee;
vertical-align: top;
height: 220px;
grid-column-end: span 1;
grid-row-end: span 1;
}
.tile:hover {
background-color: #f5f5cd;
}
.tile span {
display: block;
font-size: 40px;
line-height: 220px;
text-align: center;
}
.tile.expand {
background-color: #ccc;
grid-column-end: span 3;
grid-row-end: span 3;
grid-row: 2/-1;
grid-column: 2;
grid-column-end: span 2;
grid-row-end: span 2;
height: 440px;
}
.tile.expand:hover {
background-color: #999;
}
.tile.expand span {
line-height: 440px;
.last-expand .tile:nth-of-type(7) {
grid-column-end: 4;
}
@media (max-width: 767px) {
.tile {
float: none;
width: auto;
}
.last-expand .tile:nth-of-type(8) {
grid-row-end: 4;
grid-column-end: 4;
}
.wp-block-getwid-tabs__nav-link {
border-width: 0px;
border-bottom: 8px solid #FFB547;
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
......@@ -14666,6 +14666,10 @@
tiles.click(function () {
tiles.removeClass('expand');
$(this).addClass('expand');
$(this).parent().removeClass('last-expand');
if ($(this).hasClass('last')) {
$(this).parent().addClass('last-expand');
}
});
}
$(document).ready(function () {
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
......@@ -31,6 +31,10 @@ jQuery(document).ready(function($) {
tiles.click(function(){
tiles.removeClass('expand');
$(this).addClass('expand');
$(this).parent().removeClass('last-expand');
if($(this).hasClass('last')){
$(this).parent().addClass('last-expand');
}
});
}
......
......@@ -298,47 +298,49 @@
}
}
.tiles{
column-count: 3;
column-gap: 0px;
display: grid;
grid-template-columns: auto auto auto;
column-width: 33%;
column-gap: 0px;
grid-auto-flow: dense;
grid-template-rows: masonry;
}
.tile {
display: grid;
grid-template-rows: 1fr auto;
grid-row: 1 / -1;
grid-column: 1;
display: inline-grid;
margin: 0px;
cursor: pointer;
font-size: 40px;
text-align: center;
background-color: #eee;
vertical-align: top;
height: 220px;
grid-column-end: span 1;
grid-row-end: span 1;
}
.tile:hover {
background-color: #f5f5cd;
}
.tile span {
display: block;
font-size: 40px;
line-height: 220px;
text-align: center;
}
.tile.expand {
.tile.expand {
background-color: #ccc;
grid-column-end: span 3;
grid-row-end: span 3;
grid-row: 2 / -1;
grid-column: 2;
grid-column-end: span 2;
grid-row-end: span 2;
height: 440px;
}
.tile.expand:hover {
background-color: #999;
}
.tile.expand span {
line-height: 440px;
}
@media (max-width: 767px) {
.tile {
float: none;
width: auto;
.last-expand{
.tile:nth-of-type(7){
//grid-column-end: 3;
// grid-row-end: 3;
grid-column-end:4;
}
.tile:nth-of-type(8){
//grid-column-end: 3;
grid-row-end: 4;
grid-column-end:4;
}
}
......