basis-full
|
flex-basis: 100%;
|
basis-auto
|
flex-basis: auto;
|
basis-3xs
|
flex-basis: var(--container-3xs);/* 16rem */
|
basis-2xs
|
flex-basis: var(--container-2xs);/* 18rem */
|
basis-xs
|
flex-basis: var(--container-xs);/* 20rem */
|
basis-sm
|
flex-basis: var(--container-sm);/* 24rem */
|
basis-md
|
flex-basis: var(--container-md);/* 28rem */
|
basis-lg
|
flex-basis: var(--container-lg);/* 32rem */
|
basis-xl
|
flex-basis: var(--container-xl);/* 36rem */
|
basis-2xl
|
flex-basis: var(--container-2xl);/* 42rem */
|
basis-3xl
|
flex-basis: var(--container-3xl);/* 48rem */
|
basis-4xl
|
flex-basis: var(--container-4xl);/* 56rem */
|
basis-5xl
|
flex-basis: var(--container-5xl);/* 64rem */
|
basis-6xl
|
flex-basis: var(--container-6xl);/* 72rem */
|
basis-7xl
|
flex-basis: var(--container-7xl);/* 80rem */
|
basis-<number>
|
flex-basis: calc(var(--spacing) * <number>);/* 0.25rem */
|
basis-1
|
flex-basis: calc(var(--spacing) * 1);
|
basis-[<value>]
|
flex-basis: <value>;
|
basis-[1]
|
flex-basis: 1;
|
basis-(<custom-property>)
|
flex-basis: var(<custom-property>);
|
basis-(--my-flex)
|
flex-basis: var(--my-flex);
|
basis-(flex:<custom-property>)
|
flex-basis: var(<custom-property>);
|
basis-(flex:--my-flex)
|
flex-basis: var(--my-flex);
|
-basis-<number>
|
flex-basis: calc(var(--spacing) * -<number>);/* 0.25rem */
|
-basis-1
|
flex-basis: calc(var(--spacing) * -1);
|
-basis-[<value>]
|
flex-basis: calc(<value> * -1);
|
-basis-[1]
|
flex-basis: calc(1 * -1);
|
-basis-(<custom-property>)
|
flex-basis: calc(var(<custom-property>) * -1);
|
-basis-(--my-flex)
|
flex-basis: calc(var(--my-flex) * -1);
|
-basis-(flex:<custom-property>)
|
flex-basis: calc(var(<custom-property>) * -1);
|
-basis-(flex:--my-flex)
|
flex-basis: calc(var(--my-flex) * -1);
|
