test schedule 4
Ankana Bagchi Consultant
1 min read
Link Copied!
Ankana Bagchi Consultant
1 min read
Link Copied!
/* Layout & Grids */
grid grid-cols-1 grid-cols-2 grid-rows-1 grid-flow-row gap-md w-full h-full h-fit
md:grid-cols-3 md:grid-cols-[1fr_220px] md:grid-cols-[2fr_3fr] md:grid-cols-[220px_1fr] md:grid-cols-[220px_1fr_220px] md:grid-cols-[1.5fr_1fr] md:grid-rows-1
content-start items-start items-center items-end justify-center justify-between
/* Spacing & Padding */
py-9 md:gap-9 gap-8 gap-2 gap-4 gap-6 gap-3 gap-2 gap-1 md:gap-10
p-6 p-9 p-18 md:p-10 p-[1.5px] px-[18px] py-4 px-3 py-2 px-4
my-2 my-4 my-6 my-2.5 m-0 ml-4 ml-[20px] !my-5 !mb-5
/* Custom Blog Spacing Variables */
blog-px-screen-edge-constrained blog-mx-screen-edge-constrained
blog-pl-screen-edge-constrained blog-pr-screen-edge-constrained
gj-py-section-divider gj-py-screen-edge-constrained gj-px-screen-edge-constrained
layout-row-standard toc-link layout-row-full
/* Flexbox */
flex flex-col md:flex-row flex-shrink-0 shrink-0
/* Positioning & Z-Index */
relative absolute inset-0 z-10 md:translate-x-[32.5%]
-rotate-90 md:justify-end md:items-center md:mt-0
md:flex-row md:items-center md:justify-between md:p-10 md:h-[246px]
relative flex flex-col overflow-hidden rounded-3xl
/* Dimensions */
min-h-[100px] w-55 h-33 w-[24px] h-[24px] h-4 w-[1.5px] h-2 w-10 h-10 w-20 w-4 h-4 !h-full md:w-[420px] md:max-w-none
md:max-w-2xl w-39 h-20 md:h-28 !max-w-[750px] md:w-[65%] w-[260px] sm:w-[300px] h-auto object-contain
/* Colors & Backgrounds */
bg-white bg-white/90 bg-gray-50 bg-[#AAB4F2] bg-[#1F40CB] bg-primary-blue-400
bg-surface-secondary-background hover:bg-blue-700
text-white text-primary-500 text-gray-400 text-gray-700 text-gray-500 text-gray-900 text-[#2E3246] text-primary-blue-400
border-gray-300 border-primary-blue-400 focus:border-brand
transition-colors hover:text-primary-blue-400
/* Borders & Radius */
border border-1 border-2 border-dashed rounded-lg rounded-md rounded-3xl rounded-t-lg rounded-b-lg rounded-[4px]
ring-1 ring-gray-100 shadow-sm rounded-full
shadow-[0_0_40px_-10px_rgba(0,0,0,0.2)]
/* Typography */
text-heading4 text-heading2-5 text-heading2-25
bobcard-display-small bobcard-title-large bobcard-body-large bobcard-body-small bobcard-title-large bobcard-title-medium
text-body text-body-text-b text-nav-text-b text-base-text
text-xs text-sm font-semibold font-medium font-light text-center leading-none !font-medium
!text-[14px]
/* Interactive & States */
cursor-pointer pointer-events-none select-none overflow-hidden
transition-colors transition-all duration-500 ease-in-out
opacity-0 opacity-100 hover:bg-brand/5
/* Transforms (FAQ Accordion) */
rotate-0 rotate-90 -rotate-90 scale-75 scale-100 backdrop-blur-[10px]
/* Images */
object-cover object-center line-clamp-5
/* Widget Placeholders (Admin Only but safe to keep) */
widget-placeholder right-widget-placeholder left-widget-placeholder
blog-table-config-wrapper gj-input-cols gj-input-rows gj-btn-create
md:absolute md:right-0 md:top-0 md:bottom-0 md:-rotate-90 md:translate-x-[35%] blog-cta-gradient text-[#FFFFFF]