style.min.css.map

{"version":3,"file":"../style.min.css","mappings":";;;AAAA;;;;;;;;;;CAAA;ACAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ADYF;;AEhBI;EACI;AFmBR;AEfI;;;;EAII;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AFiBR;AEdQ;;;;EACI;EACA;AFmBZ;AEZY;;;;EAII;AFchB;;AEPA;EACI;EACA;AFUJ;AERI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;AFQR;AELQ;EAfJ;IAgBQ;EFQV;AACF;AEzBI;EAqBI;EACA;EAGA;AFKR;;AEIQ;EACI;AFDZ;;AEMA;EACI;IACI;IACA;EFHN;EEME;IACI;IACA;EFJN;AACF;AESI;EACI;AFPR;AEUI;EACI;IACI;EFRV;AACF;AEWI;EACI;IACI;EFTV;AACF;;AGxGA;EACE;EACA;EACA;AH2GF;;AGxGA;EACE;AH2GF;;AGxGA;EACE;AH2GF;;AGxGA;EACE;AH2GF;;AGxGA;EACE;AH2GF;;AGxGA;EACE;AH2GF;;AGxGA;EACE;AH2GF;;AI5HE;EADF;IAEI;EJgIF;AACF;;AI5HE;EADF;IAEI;EJgIF;AACF;;AI5HE;EADF;IAEI;EJgIF;AACF;;AI5HE;EADF;IAEI;EJgIF;AACF;;AI3HE;EADF;IAEI;EJ+HF;AACF;;AI3HE;EADF;IAEI;EJ+HF;AACF;AI9HE;EAJF;IAKI;EJiIF;AACF;;AI7HE;EADF;IAEI;EJiIF;AACF;AIhIE;EAJF;IAKI;EJmIF;AACF;;AI/HE;EADF;IAEI;EJmIF;AACF;;AI9HI;EADF;IAEI;IACA;EJkIJ;AACF;AI/HI;EADF;IAEI;IACA;EJkIJ;AACF;AI/HI;EADF;IAEI;IACA;EJkIJ;AACF;AI/HI;EADF;IAEI;IACA;EJkIJ;AACF;;AI5HI;EADF;IAEI;IACA;EJgIJ;AACF;AI7HI;EADF;IAEI;IACA;EJgIJ;AACF;AI7HI;EADF;IAEI;IACA;EJgIJ;AACF;AI7HI;EADF;IAEI;IACA;EJgIJ;AACF;;AA/NA;;oCAAA,C","sources":["webpack://jankx/./scss/style.scss","webpack://jankx/./scss/elements/_base.scss","webpack://jankx/./scss/elements/_header.scss","webpack://jankx/./scss/utils/_paragraph.scss","webpack://jankx/./scss/utils/_display.scss"],"sourcesContent":["/*!\nTheme Name: Jankx Framework\nTheme URI: https://wordpress.puleeno.com/jankx\nVersion: 2.0.0\nBuild Times: 12\nDescription: Jankx is a powerful WordPress theme framework. High performance, compatible, easy to use and develop.\nTags: SEO, landing-page, muli-layouts\nAuthor: Puleeno Nguyen\nAuthor URI: https://puleeno.com\nText Domain: jankx\n*/\n\n@use './elements/base' as *;\n@use './elements/logo' as *;\n@use './elements/header' as *;\n@use './utils/paragraph' as *;\n@use './utils/display' as *;\n\n\n/*!************ =*= ****************\n * Please add your styles at bellow\n ************** =*= ****************/","iframe {\n  border: 0;\n  margin: 0;\n  padding: 0;\n  vertical-align: middle;\n  width: 100%;\n  min-height: 400px;\n  background: transparent;\n}","body.jankx-header-overlay {\n\n    // The wp-site-blocks needs to be the containing block for absolute positioning\n    .wp-site-blocks {\n        position: relative;\n    }\n\n    // Target both the template-part wrapper and the inner group block\n    header.wp-block-template-part,\n    header.wp-block-group,\n    header.has-contrast-background-color,\n    header.has-background {\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        width: 100%;\n        z-index: 1000;\n        background-color: transparent;\n        background-image: none;\n\n        // When sticky, it should gain background again\n        &.is-sticky {\n            position: fixed;\n            background-color: var(--jankx-sticky-header-bg-color, #184962);\n        }\n    }\n\n    &.admin-bar {\n        header.is-sticky {\n\n            header.wp-block-template-part,\n            header.wp-block-group,\n            header.has-contrast-background-color,\n            header.has-background {\n                top: 32px;\n            }\n        }\n    }\n}\n\n\nheader {\n    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n    will-change: transform, background-color, backdrop-filter;\n\n    &.is-sticky {\n        position: fixed;\n        top: 0;\n        left: 0;\n        right: 0;\n        z-index: 10000;\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\n        animation: jankxHeaderSlideDown 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;\n\n        // Premium Glassmorphism Vibe\n        background-color: rgba(24, 73, 98, 0.85); // Navy with transparency\n        backdrop-filter: blur(15px);\n        -webkit-backdrop-filter: blur(15px);\n\n        // Use the variable if set, but override the transparency logic\n        @supports (background-color: var(--jankx-sticky-header-bg-color)) {\n            background-color: var(--jankx-sticky-header-bg-color);\n            // If the user wants a solid color they can set it, but we add blur anyway\n        }\n\n        // Slight height reduction for vibe\n        padding-top: 10px;\n        padding-bottom: 10px;\n\n        // Smart Slide effect\n        transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1),\n        background-color 0.4s ease,\n        opacity 0.4s ease;\n\n    }\n}\n\nbody.jankx-header-overlay {\n    header.is-sticky {\n        header.has-contrast-background-color {\n            background-color: var(--jankx-sticky-header-bg-color, #1a1a1a);\n        }\n    }\n}\n\n@keyframes jankxHeaderSlideDown {\n    from {\n        transform: translateY(-100%);\n        opacity: 0;\n    }\n\n    to {\n        transform: translateY(0);\n        opacity: 1;\n    }\n}\n\n// Admin bar support\n.admin-bar {\n    header.is-sticky {\n        top: 32px;\n    }\n\n    @media (max-width: 782px) {\n        header.is-sticky {\n            top: 46px;\n        }\n    }\n\n    @media (max-width: 600px) {\n        header.is-sticky {\n            top: 0; // WordPress hides admin bar at this width or it flows\n        }\n    }\n}","[class*=\"text-line\"] {\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n.text-line-1 {\n  -webkit-line-clamp: 1;\n}\n\n.text-line-2 {\n  -webkit-line-clamp: 2;\n}\n\n.text-line-3 {\n  -webkit-line-clamp: 3;\n}\n\n.text-line-4 {\n  -webkit-line-clamp: 4;\n}\n\n.text-line-5 {\n  -webkit-line-clamp: 5;\n}\n\n.text-line-6 {\n  -webkit-line-clamp: 6;\n}\n","// Breakpoints\n$mobile-max: 767.98px;\n$tablet-min: 768px;\n$tablet-max: 1023.98px;\n$desktop-min: 1024px;\n$desktop-max: 1439.98px;\n$fluid-min: 1440px;\n\n// Hide Utilities\n.hide-mobile {\n  @media (max-width: #{$mobile-max}) {\n    display: none;\n  }\n}\n\n.hide-tablet {\n  @media (min-width: #{$tablet-min}) and (max-width: #{$tablet-max}) {\n    display: none;\n  }\n}\n\n.hide-desktop {\n  @media (min-width: #{$desktop-min}) and (max-width: #{$desktop-max}) {\n    display: none;\n  }\n}\n\n.hide-fluid {\n  @media (min-width: #{$fluid-min}) {\n    display: none;\n  }\n}\n\n// Only Utilities\n.only-mobile {\n  @media (min-width: #{$tablet-min}) {\n    display: none;\n  }\n}\n\n.only-tablet {\n  @media (max-width: #{$mobile-max}) {\n    display: none;\n  }\n  @media (min-width: #{$desktop-min}) {\n    display: none;\n  }\n}\n\n.only-desktop {\n  @media (max-width: #{$tablet-max}) {\n    display: none;\n  }\n  @media (min-width: #{$fluid-min}) {\n    display: none;\n  }\n}\n\n.only-fluid {\n  @media (max-width: #{$desktop-max}) {\n    display: none;\n  }\n}\n\n.no-dimensions {\n  &-mobile {\n    @media (max-width: #{$mobile-max}) {\n      margin: 0;\n      padding: 0;\n    }\n  }\n  &-tablet {\n    @media (min-width: #{$tablet-min}) and (max-width: #{$tablet-max}) {\n      margin: 0;\n      padding: 0;\n    }\n  }\n  &-desktop {\n    @media (min-width: #{$desktop-min}) and (max-width: #{$desktop-max}) {\n      margin: 0;\n      padding: 0;\n    }\n  }\n  &-fluid {\n    @media (min-width: #{$fluid-min}) {\n      margin: 0;\n      padding: 0;\n    }\n  }\n}\n\n.small-dimensions {\n  &-mobile {\n    @media (max-width: #{$mobile-max}) {\n      margin: 10px;\n      padding: 10px;\n    }\n  }\n  &-tablet {\n    @media (min-width: #{$tablet-min}) and (max-width: #{$tablet-max}) {\n      margin: 10px;\n      padding: 10px;\n    }\n  }\n  &-desktop {\n    @media (min-width: #{$desktop-min}) and (max-width: #{$desktop-max}) {\n      margin: 10px;\n      padding: 10px;\n    }\n  }\n  &-fluid {\n    @media (min-width: #{$fluid-min}) {\n      margin: 10px;\n      padding: 10px;\n    }\n  }\n}\n"],"names":[],"sourceRoot":""}