@frankhoodbs/bootstrap-responsive-grid-cmp
Advanced tools
@@ -1,1 +0,1 @@ | ||
| .BootstrapResponsiveGridCmp[data-v-f2641427]{display:flex;row-gap:var(--bootstrap-responsive-grid-row-gap, 0);flex-direction:column}.BootstrapResponsiveGridCmp.with-separator-between-rows[data-v-f2641427]{row-gap:calc(var(--bootstrap-responsive-grid-row-gap, 0) + var(--bootstrap-responsive-grid-separator-border-width, 1px))}.BootstrapResponsiveGridCmp.with-separator-between-rows>.row[data-v-f2641427]:not(:first-child){position:relative}.BootstrapResponsiveGridCmp.with-separator-between-rows>.row[data-v-f2641427]:not(:first-child):before{z-index:var(--bootstrap-responsive-grid-z-index, 1);position:absolute;inset:calc(var(--bootstrap-responsive-grid-row-gap, 0) * -.5 - var(--bootstrap-responsive-grid-separator-border-width, 1px)) var(--bootstrap-responsive-grid-separator-inset-right-left, 0) auto;border-top:var(--bootstrap-responsive-grid-separator-border-width, 1px) var(--bootstrap-responsive-grid-separator-border-style, solid) var(--bootstrap-responsive-grid-separator-border-color, #000000);content:""}.BootstrapResponsiveGridCmp.with-separator-above[data-v-f2641427]{padding-top:calc(var(--bootstrap-responsive-grid-row-gap, 0) * .5 + var(--bootstrap-responsive-grid-separator-border-width, 1px))}.BootstrapResponsiveGridCmp.with-separator-above>.row[data-v-f2641427]:first-child{position:relative}.BootstrapResponsiveGridCmp.with-separator-above>.row[data-v-f2641427]:first-child:before{z-index:var(--bootstrap-responsive-grid-z-index, 1);position:absolute;inset:calc(var(--bootstrap-responsive-grid-row-gap, 0) * -.5 - var(--bootstrap-responsive-grid-separator-border-width, 1px)) var(--bootstrap-responsive-grid-separator-inset-right-left, 0) auto;border-top:var(--bootstrap-responsive-grid-separator-border-width, 1px) var(--bootstrap-responsive-grid-separator-border-style, solid) var(--bootstrap-responsive-grid-separator-border-color, #000000);content:""}.BootstrapResponsiveGridCmp.with-separator-below[data-v-f2641427]{padding-bottom:calc(var(--bootstrap-responsive-grid-row-gap, 0) * .5 + var(--bootstrap-responsive-grid-separator-border-width, 1px))}.BootstrapResponsiveGridCmp.with-separator-below>.row[data-v-f2641427]:last-child{position:relative}.BootstrapResponsiveGridCmp.with-separator-below>.row[data-v-f2641427]:last-child:after{z-index:var(--bootstrap-responsive-grid-z-index, 1);position:absolute;inset:calc(var(--bootstrap-responsive-grid-row-gap, 0) * -.5 - var(--bootstrap-responsive-grid-separator-border-width, 1px)) var(--bootstrap-responsive-grid-separator-inset-right-left, 0) auto;border-top:var(--bootstrap-responsive-grid-separator-border-width, 1px) var(--bootstrap-responsive-grid-separator-border-style, solid) var(--bootstrap-responsive-grid-separator-border-color, #000000);content:"";inset:auto var(--bootstrap-responsive-grid-separator-inset-right-left, 0) calc(var(--bootstrap-responsive-grid-row-gap, 0) * -.5 - var(--bootstrap-responsive-grid-separator-border-width, 1px))}.BootstrapResponsiveGridCmp .row[data-v-f2641427]{align-items:var(--bootstrap-responsive-grid-row-align-items, normal);justify-content:var(--bootstrap-responsive-grid-row-justify-content, normal)} | ||
| .BootstrapResponsiveGridCmp[data-v-5761385a]{display:flex;row-gap:var(--bootstrap-responsive-grid-row-gap, 0);flex-direction:column}.BootstrapResponsiveGridCmp.with-separator-between-rows[data-v-5761385a]{row-gap:calc(var(--bootstrap-responsive-grid-row-gap, 0) + var(--bootstrap-responsive-grid-separator-border-width, 1px))}.BootstrapResponsiveGridCmp.with-separator-between-rows>.row[data-v-5761385a]:not(:first-child){position:relative}.BootstrapResponsiveGridCmp.with-separator-between-rows>.row[data-v-5761385a]:not(:first-child):before{z-index:var(--bootstrap-responsive-grid-z-index, 1);position:absolute;inset:calc(var(--bootstrap-responsive-grid-row-gap, 0) * -.5 - var(--bootstrap-responsive-grid-separator-border-width, 1px)) var(--bootstrap-responsive-grid-separator-inset-right-left, 0) auto;border-top:var(--bootstrap-responsive-grid-separator-border-width, 1px) var(--bootstrap-responsive-grid-separator-border-style, solid) var(--bootstrap-responsive-grid-separator-border-color, #000000);content:""}.BootstrapResponsiveGridCmp.with-separator-above[data-v-5761385a]{padding-top:calc(var(--bootstrap-responsive-grid-row-gap, 0) * .5 + var(--bootstrap-responsive-grid-separator-border-width, 1px))}.BootstrapResponsiveGridCmp.with-separator-above>.row[data-v-5761385a]:first-child{position:relative}.BootstrapResponsiveGridCmp.with-separator-above>.row[data-v-5761385a]:first-child:before{z-index:var(--bootstrap-responsive-grid-z-index, 1);position:absolute;inset:calc(var(--bootstrap-responsive-grid-row-gap, 0) * -.5 - var(--bootstrap-responsive-grid-separator-border-width, 1px)) var(--bootstrap-responsive-grid-separator-inset-right-left, 0) auto;border-top:var(--bootstrap-responsive-grid-separator-border-width, 1px) var(--bootstrap-responsive-grid-separator-border-style, solid) var(--bootstrap-responsive-grid-separator-border-color, #000000);content:""}.BootstrapResponsiveGridCmp.with-separator-below[data-v-5761385a]{padding-bottom:calc(var(--bootstrap-responsive-grid-row-gap, 0) * .5 + var(--bootstrap-responsive-grid-separator-border-width, 1px))}.BootstrapResponsiveGridCmp.with-separator-below>.row[data-v-5761385a]:last-child{position:relative}.BootstrapResponsiveGridCmp.with-separator-below>.row[data-v-5761385a]:last-child:after{z-index:var(--bootstrap-responsive-grid-z-index, 1);position:absolute;inset:calc(var(--bootstrap-responsive-grid-row-gap, 0) * -.5 - var(--bootstrap-responsive-grid-separator-border-width, 1px)) var(--bootstrap-responsive-grid-separator-inset-right-left, 0) auto;border-top:var(--bootstrap-responsive-grid-separator-border-width, 1px) var(--bootstrap-responsive-grid-separator-border-style, solid) var(--bootstrap-responsive-grid-separator-border-color, #000000);content:"";inset:auto var(--bootstrap-responsive-grid-separator-inset-right-left, 0) calc(var(--bootstrap-responsive-grid-row-gap, 0) * -.5 - var(--bootstrap-responsive-grid-separator-border-width, 1px))}.BootstrapResponsiveGridCmp .row[data-v-5761385a]{align-items:var(--bootstrap-responsive-grid-row-align-items, normal);justify-content:var(--bootstrap-responsive-grid-row-justify-content, normal)} |
@@ -8,5 +8,5 @@ export interface Props { | ||
| slots: Readonly<{ | ||
| [x: `slot-${number}`]: (props: {}) => any; | ||
| [x: `slot-${number}`]: () => never; | ||
| }> & { | ||
| [x: `slot-${number}`]: (props: {}) => any; | ||
| [x: `slot-${number}`]: () => never; | ||
| }; | ||
@@ -13,0 +13,0 @@ refs: {}; |
@@ -1,1 +0,1 @@ | ||
| import{defineComponent as o,computed as s,createElementBlock as t,openBlock as r,Fragment as l,renderList as d,normalizeClass as p,renderSlot as n}from"vue";import"./BootstrapResponsiveGridCmp.css";let m={class:"BootstrapResponsiveGridCmp"},a=o({__name:"BootstrapResponsiveGridCmp",props:{dataSlotsNumber:{default:"3"},dataColsPerRow:{default:"1"}},setup(o){let a=o,e=s(()=>1+Math.floor((+a.dataSlotsNumber-1)/+a.dataColsPerRow));return(s,o)=>(r(),t("div",m,[(r(!0),t(l,null,d(e.value,a=>(r(),t("div",{key:"row-"+a,class:p(["row","row-cols-"+ +s.dataColsPerRow])},[(r(!0),t(l,null,d(a*+s.dataColsPerRow<=+s.dataSlotsNumber?+s.dataColsPerRow:+s.dataSlotsNumber-(a-1)*+s.dataColsPerRow,o=>(r(),t("div",{key:"col-"+(o+(a*+s.dataColsPerRow-+s.dataColsPerRow)),class:"col"},[n(s.$slots,"slot-"+(o+(a*+s.dataColsPerRow-+s.dataColsPerRow)),{},void 0,!0)]))),128))],2))),128))]))}}),e=(o,a)=>{var s,e,t=o.__vccOpts||o;for([s,e]of a)t[s]=e;return t},i=e(a,[["__scopeId","data-v-f2641427"]]);export{i as default}; | ||
| import{defineComponent as o,computed as s,createElementBlock as t,openBlock as r,Fragment as l,renderList as d,normalizeClass as p,renderSlot as n}from"vue";import"./BootstrapResponsiveGridCmp.css";let m={class:"BootstrapResponsiveGridCmp"},a=o({__name:"BootstrapResponsiveGridCmp",props:{dataSlotsNumber:{default:"3"},dataColsPerRow:{default:"1"}},setup(o){let a=o,e=s(()=>1+Math.floor((+a.dataSlotsNumber-1)/+a.dataColsPerRow));return(s,o)=>(r(),t("div",m,[(r(!0),t(l,null,d(e.value,a=>(r(),t("div",{key:"row-"+a,class:p(["row","row-cols-"+ +s.dataColsPerRow])},[(r(!0),t(l,null,d(a*+s.dataColsPerRow<=+s.dataSlotsNumber?+s.dataColsPerRow:+s.dataSlotsNumber-(a-1)*+s.dataColsPerRow,o=>(r(),t("div",{key:"col-"+(o+(a*+s.dataColsPerRow-+s.dataColsPerRow)),class:"col"},[n(s.$slots,"slot-"+(o+(a*+s.dataColsPerRow-+s.dataColsPerRow)),{},void 0,!0)]))),128))],2))),128))]))}}),e=(o,a)=>{var s,e,t=o.__vccOpts||o;for([s,e]of a)t[s]=e;return t},i=e(a,[["__scopeId","data-v-5761385a"]]);export{i as default}; |
+2
-2
@@ -25,5 +25,5 @@ import { App } from 'vue'; | ||
| $slots: Readonly<{ | ||
| [x: `slot-${number}`]: (props: {}) => any; | ||
| [x: `slot-${number}`]: () => never; | ||
| }> & { | ||
| [x: `slot-${number}`]: (props: {}) => any; | ||
| [x: `slot-${number}`]: () => never; | ||
| }; | ||
@@ -30,0 +30,0 @@ }); |
+8
-8
@@ -13,3 +13,3 @@ { | ||
| "license": "ISC", | ||
| "version": "3.0.3", | ||
| "version": "3.0.4", | ||
| "exports": { | ||
@@ -50,5 +50,5 @@ ".": { | ||
| "devDependencies": { | ||
| "@frankhoodbs/eslint-config-vue": "^3.0.3", | ||
| "@frankhoodbs/prettier-config": "^2.0.0", | ||
| "@frankhoodbs/uglify-js": "^3.0.3", | ||
| "@frankhoodbs/eslint-config-vue": "^3.0.4", | ||
| "@frankhoodbs/prettier-config": "^2.0.1", | ||
| "@frankhoodbs/uglify-js": "^3.0.4", | ||
| "@vitejs/plugin-vue": "^5.2.4", | ||
@@ -63,9 +63,9 @@ "@vue/tsconfig": "^0.7.0", | ||
| "vite-plugin-lib-inject-css": "^2.2.2", | ||
| "vue-tsc": "^2.2.10" | ||
| "vue-tsc": "^2.2.12" | ||
| }, | ||
| "dependencies": { | ||
| "@frankhoodbs/breakpoints": "^4.0.3", | ||
| "vue": "^3.5.16" | ||
| "@frankhoodbs/breakpoints": "^4.0.4", | ||
| "vue": "^3.5.17" | ||
| }, | ||
| "gitHead": "9a9bc54e815d1de3189212d5a47b4f6250e17633" | ||
| "gitHead": "590237740d5f0e6933e565126459540c3da16a2f" | ||
| } |
13368
-0.21%Updated