tw-bootstrap-grid
Version:
A Tailwind CSS plugin that adds a responsive, Bootstrap-style grid system.
2 lines (1 loc) • 2.56 kB
JavaScript
var y=Object.create;var f=Object.defineProperty;var R=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var $=Object.getPrototypeOf,I=Object.prototype.hasOwnProperty;var O=(r,e)=>{for(var o in e)f(r,o,{get:e[o],enumerable:!0})},G=(r,e,o,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of w(e))!I.call(r,n)&&n!==o&&f(r,n,{get:()=>e[n],enumerable:!(a=R(e,n))||a.enumerable});return r};var S=(r,e,o)=>(o=r!=null?y($(r)):{},G(e||!r||!r.__esModule?f(o,"default",{value:r,enumerable:!0}):o,r)),v=r=>G(f({},"__esModule",{value:!0}),r);var E={};O(E,{default:()=>j});module.exports=v(E);var m="--bs-global-gutter",C={x:"1.5rem",y:"0"};function h(r,e){var l,c,u,s,t;let o=`--bs-${r}-gutter`,a=r==="container"?e.containerGutters:e.rowGutters,n=(l=e.gutters)!=null?l:{},g=(u=(c=a==null?void 0:a.x)!=null?c:n.x)!=null?u:C.x,x=(t=(s=a==null?void 0:a.y)!=null?s:n.y)!=null?t:C.y;return{x:`var(${o}-x, var(${m}-x, ${g}))`,y:`var(${o}-y, var(${m}-y, ${x}))`}}var b=h;var p=S(require("tailwindcss"),1),L="plugin"in p.default?p.default.plugin:require("tailwindcss/plugin"),T=L.withOptions((r={})=>({addComponents:e,theme:o})=>{let n=b("container",r),g=b("row",r),x=()=>{let s={};for(let t=1;t<=12;t++)s[`.col-${t}`]={flex:"0 0 auto",width:`${t/12*100}%`};return s},l=()=>{let s=o("spacing"),t={};return Object.entries(s).forEach(([i,d])=>{t[`.g-${i}`]={"--bs-gutter-x":d,"--bs-gutter-y":d},t[`.gx-${i}`]={"--bs-gutter-x":d},t[`.gy-${i}`]={"--bs-gutter-y":d}}),t},c=()=>{let s={};for(let t=1;t<=12;t++){let i=`${t/12*100}%`;s[`.offset-${t}`]={marginLeft:i,'[dir="rtl"] &':{marginLeft:"0",marginRight:i}}}return s},u=()=>{let s={};for(let t=0;t<=12;t++)s[`.order-${t}`]={order:`${t}`};return s[".order-first"]={order:"-9999"},s[".order-last"]={order:"9999"},s};e({".container, .container-fluid":{"--bs-gutter-x":n.x,"--bs-gutter-y":n.y,width:"100%",paddingRight:"calc(var(--bs-gutter-x, 1.5rem) * 0.5)",paddingLeft:"calc(var(--bs-gutter-x, 1.5rem) * 0.5)",marginRight:"auto",marginLeft:"auto"},".row":{"--bs-gutter-x":g.x,"--bs-gutter-y":g.y,display:"flex",flexWrap:"wrap",marginTop:"calc(-1 * var(--bs-gutter-y, 0))",marginRight:"calc(-.5 * var(--bs-gutter-x, 1.5rem))",marginLeft:"calc(-.5 * var(--bs-gutter-x, 1.5rem))","& > *":{flexShrink:"0",width:"100%",paddingRight:"calc(var(--bs-gutter-x, 1.5rem) * .5)",paddingLeft:"calc(var(--bs-gutter-x, 1.5rem) * .5)",marginTop:"var(--bs-gutter-y, 0)"}},".col":{flex:"1 0 0%"},".col-auto":{flex:"0 0 auto",width:"auto"},...x(),...l(),...c(),...u()})},()=>({name:"tw-bootstrap-grid"})),j=T;
;