added gtm and custom event tracking
This commit is contained in:
@@ -40,7 +40,7 @@
|
||||
// @import 'bootstrap/scss/progress';
|
||||
// @import 'bootstrap/scss/spinners';
|
||||
@import 'bootstrap/scss/tables';
|
||||
// @import 'bootstrap/scss/toasts';
|
||||
@import 'bootstrap/scss/toasts';
|
||||
// @import 'bootstrap/scss/tooltip';
|
||||
@import 'bootstrap/scss/transitions';
|
||||
|
||||
|
||||
@@ -75,12 +75,25 @@
|
||||
}
|
||||
}
|
||||
|
||||
.image-grow {
|
||||
transition-property: box-shadow, transform;
|
||||
transition-duration: 350ms;
|
||||
transition-timing-function: ease;
|
||||
|
||||
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.24);
|
||||
}
|
||||
|
||||
.image-grow:is(:hover, :focus) {
|
||||
box-shadow: 0px 8px 10px 1px rgba(0, 0, 0, 0.2);
|
||||
transform: translateY(-.9rem) scale(1.02);
|
||||
}
|
||||
|
||||
.card-modal {
|
||||
background-color: rgba(1, 11, 18, 0.8);
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.card-grid {
|
||||
.pokedex-page {
|
||||
position: relative;
|
||||
@media (min-width: 768px) {
|
||||
top: 100px !important;
|
||||
@@ -175,7 +188,6 @@ $tiers: (
|
||||
.masked-image {
|
||||
z-index: 1000;
|
||||
opacity: 100%;
|
||||
mix-blend-mode: normal;
|
||||
filter: brightness(0);
|
||||
}
|
||||
|
||||
@@ -565,23 +577,6 @@ $hdr-big-btn-width: $hdr-side-width - $hdr-logo-width - 2 * $hdr-big-btn-margin;
|
||||
border-radius: 0 0 $border-radius-hdr 0;
|
||||
}
|
||||
|
||||
/* INVERTED ROUNDED CORNER under overhang L */
|
||||
.header-content:after {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
/* tuck behind header bg */
|
||||
z-index: -1;
|
||||
height: $border-radius-hdr * 2;
|
||||
width: $border-radius-hdr * 2;
|
||||
border-top: $border-radius-hdr solid hsl(210, 11%, 15%);
|
||||
border-left: $border-radius-hdr solid hsl(210, 11%, 15%);
|
||||
top: $hdr-side-total-height - $border-radius-hdr;
|
||||
left: -1*$border-radius-hdr;
|
||||
/* top left */
|
||||
border-radius: $border-radius-hdr * 2 0 0 0;
|
||||
}
|
||||
|
||||
/* match backgrounds to blend */
|
||||
.header-logo, .header-social {
|
||||
background-color: hsl(358, 71%, 48%);
|
||||
@@ -683,23 +678,6 @@ $hdr-big-btn-width: $hdr-side-width - $hdr-logo-width - 2 * $hdr-big-btn-margin;
|
||||
background: none;
|
||||
}
|
||||
|
||||
/* INVERTED ROUNDED CORNER under menu - right */
|
||||
.nav-main:after {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
/* tuck behind nav-main a:hover */
|
||||
z-index: -1;
|
||||
height: $border-radius-hdr * 2;
|
||||
width: $border-radius-hdr * 2;
|
||||
border-top: $border-radius-hdr solid hsl(210, 11%, 15%);
|
||||
border-right: $border-radius-hdr solid hsl(210, 11%, 15%);
|
||||
bottom: -1*$border-radius-hdr;
|
||||
right: -1*$border-radius-hdr;
|
||||
/* top right */
|
||||
border-radius: 0 $border-radius-hdr * 2 0 0;
|
||||
}
|
||||
|
||||
.nav-main ul {
|
||||
padding: 0 0 $hdr-menu-item-padding-bottom 2px; /* nudge links right */
|
||||
background: $body-bg;
|
||||
|
||||
Reference in New Issue
Block a user