@isotope/prototope
Version:
Isotope-based JavaScript library for speedy UI prototyping
249 lines (246 loc) • 6.99 kB
text/typescript
import { createUtil } from "../util";
const roundedNone = createUtil({ borderRadius: "0" });
const roundedSm = createUtil({ borderRadius: "0.125rem" });
const rounded = createUtil({ borderRadius: "0.25rem" });
const roundedMd = createUtil({ borderRadius: "0.375rem" });
const roundedLg = createUtil({ borderRadius: "0.5rem" });
const roundedXl = createUtil({ borderRadius: "1rem" });
const rounded2Xl = createUtil({ borderRadius: "2rem" });
const roundedFull = createUtil({ borderRadius: "9999px" });
const roundedTNone = createUtil({
borderTopLeftRadius: "0",
borderTopRightRadius: "0"
});
const roundedRNone = createUtil({
borderBottomRightRadius: "0",
borderTopRightRadius: "0"
});
const roundedBNone = createUtil({
borderBottomLeftRadius: "0",
borderBottomRightRadius: "0"
});
const roundedLNone = createUtil({
borderBottomLeftRadius: "0",
borderTopLeftRadius: "0"
});
const roundedTSm = createUtil({
borderTopLeftRadius: "0.125rem",
borderTopRightRadius: "0.125rem"
});
const roundedRSm = createUtil({
borderBottomRightRadius: "0.125rem",
borderTopRightRadius: "0.125rem"
});
const roundedBSm = createUtil({
borderBottomLeftRadius: "0.125rem",
borderBottomRightRadius: "0.125rem"
});
const roundedLSm = createUtil({
borderBottomLeftRadius: "0.125rem",
borderTopLeftRadius: "0.125rem"
});
const roundedT = createUtil({
borderTopLeftRadius: "0.25rem",
borderTopRightRadius: "0.25rem"
});
const roundedR = createUtil({
borderBottomRightRadius: "0.25rem",
borderTopRightRadius: "0.25rem"
});
const roundedB = createUtil({
borderBottomLeftRadius: "0.25rem",
borderBottomRightRadius: "0.25rem"
});
const roundedL = createUtil({
borderBottomLeftRadius: "0.25rem",
borderTopLeftRadius: "0.25rem"
});
const roundedTMd = createUtil({
borderTopLeftRadius: "0.375rem",
borderTopRightRadius: "0.375rem"
});
const roundedRMd = createUtil({
borderBottomRightRadius: "0.375rem",
borderTopRightRadius: "0.375rem"
});
const roundedBMd = createUtil({
borderBottomLeftRadius: "0.375rem",
borderBottomRightRadius: "0.375rem"
});
const roundedLMd = createUtil({
borderBottomLeftRadius: "0.375rem",
borderTopLeftRadius: "0.375rem"
});
const roundedTLg = createUtil({
borderTopLeftRadius: "0.5rem",
borderTopRightRadius: "0.5rem"
});
const roundedRLg = createUtil({
borderBottomRightRadius: "0.5rem",
borderTopRightRadius: "0.5rem"
});
const roundedBLg = createUtil({
borderBottomLeftRadius: "0.5rem",
borderBottomRightRadius: "0.5rem"
});
const roundedLLg = createUtil({
borderBottomLeftRadius: "0.5rem",
borderTopLeftRadius: "0.5rem"
});
const roundedTXl = createUtil({
borderTopLeftRadius: "1rem",
borderTopRightRadius: "1rem"
});
const roundedRXl = createUtil({
borderBottomRightRadius: "1rem",
borderTopRightRadius: "1rem"
});
const roundedBXl = createUtil({
borderBottomLeftRadius: "1rem",
borderBottomRightRadius: "1rem"
});
const roundedLXl = createUtil({
borderBottomLeftRadius: "1rem",
borderTopLeftRadius: "1rem"
});
const roundedT2Xl = createUtil({
borderTopLeftRadius: "2rem",
borderTopRightRadius: "2rem"
});
const roundedR2Xl = createUtil({
borderBottomRightRadius: "2rem",
borderTopRightRadius: "2rem"
});
const roundedB2Xl = createUtil({
borderBottomLeftRadius: "2rem",
borderBottomRightRadius: "2rem"
});
const roundedL2Xl = createUtil({
borderBottomLeftRadius: "2rem",
borderTopLeftRadius: "2rem"
});
const roundedTFull = createUtil({
borderTopLeftRadius: "9999px",
borderTopRightRadius: "9999px"
});
const roundedRFull = createUtil({
borderBottomRightRadius: "9999px",
borderTopRightRadius: "9999px"
});
const roundedBFull = createUtil({
borderBottomLeftRadius: "9999px",
borderBottomRightRadius: "9999px"
});
const roundedLFull = createUtil({
borderBottomLeftRadius: "9999px",
borderTopLeftRadius: "9999px"
});
const roundedTlNone = createUtil({ borderTopLeftRadius: "0" });
const roundedTrNone = createUtil({ borderTopRightRadius: "0" });
const roundedBrNone = createUtil({ borderBottomRightRadius: "0" });
const roundedBlNone = createUtil({ borderBottomLeftRadius: "0" });
const roundedTlSm = createUtil({ borderTopLeftRadius: "0.125rem" });
const roundedTrSm = createUtil({ borderTopRightRadius: "0.125rem" });
const roundedBrSm = createUtil({ borderBottomRightRadius: "0.125rem" });
const roundedBlSm = createUtil({ borderBottomLeftRadius: "0.125rem" });
const roundedTl = createUtil({ borderTopLeftRadius: "0.25rem" });
const roundedTr = createUtil({ borderTopRightRadius: "0.25rem" });
const roundedBr = createUtil({ borderBottomRightRadius: "0.25rem" });
const roundedBl = createUtil({ borderBottomLeftRadius: "0.25rem" });
const roundedTlMd = createUtil({ borderTopLeftRadius: "0.375rem" });
const roundedTrMd = createUtil({ borderTopRightRadius: "0.375rem" });
const roundedBrMd = createUtil({ borderBottomRightRadius: "0.375rem" });
const roundedBlMd = createUtil({ borderBottomLeftRadius: "0.375rem" });
const roundedTlLg = createUtil({ borderTopLeftRadius: "0.5rem" });
const roundedTrLg = createUtil({ borderTopRightRadius: "0.5rem" });
const roundedBrLg = createUtil({ borderBottomRightRadius: "0.5rem" });
const roundedBlLg = createUtil({ borderBottomLeftRadius: "0.5rem" });
//
const roundedTlXl = createUtil({ borderTopLeftRadius: "1rem" });
const roundedTrXl = createUtil({ borderTopRightRadius: "1rem" });
const roundedBrXl = createUtil({ borderBottomRightRadius: "1rem" });
const roundedBlXl = createUtil({ borderBottomLeftRadius: "1rem" });
//
const roundedTl2Xl = createUtil({ borderTopLeftRadius: "2rem" });
const roundedTr2Xl = createUtil({ borderTopRightRadius: "2rem" });
const roundedBr2Xl = createUtil({ borderBottomRightRadius: "2rem" });
const roundedBl2Xl = createUtil({ borderBottomLeftRadius: "2rem" });
//
const roundedTlFull = createUtil({ borderTopLeftRadius: "9999px" });
const roundedTrFull = createUtil({ borderTopRightRadius: "9999px" });
const roundedBrFull = createUtil({ borderBottomRightRadius: "9999px" });
const roundedBlFull = createUtil({ borderBottomLeftRadius: "9999px" });
export {
roundedNone,
roundedSm,
rounded,
roundedMd,
roundedLg,
roundedXl,
rounded2Xl,
roundedFull,
roundedTNone,
roundedRNone,
roundedBNone,
roundedLNone,
roundedTSm,
roundedRSm,
roundedBSm,
roundedLSm,
roundedT,
roundedR,
roundedB,
roundedL,
roundedTMd,
roundedRMd,
roundedBMd,
roundedLMd,
roundedTLg,
roundedRLg,
roundedBLg,
roundedLLg,
roundedTXl,
roundedRXl,
roundedBXl,
roundedLXl,
roundedT2Xl,
roundedR2Xl,
roundedB2Xl,
roundedL2Xl,
roundedTFull,
roundedRFull,
roundedBFull,
roundedLFull,
roundedTlNone,
roundedTrNone,
roundedBrNone,
roundedBlNone,
roundedTlSm,
roundedTrSm,
roundedBrSm,
roundedBlSm,
roundedTl,
roundedTr,
roundedBr,
roundedBl,
roundedTlMd,
roundedTrMd,
roundedBrMd,
roundedBlMd,
roundedTlLg,
roundedTrLg,
roundedBrLg,
roundedBlLg,
roundedTlXl,
roundedTrXl,
roundedBrXl,
roundedBlXl,
roundedTl2Xl,
roundedTr2Xl,
roundedBr2Xl,
roundedBl2Xl,
roundedTlFull,
roundedTrFull,
roundedBrFull,
roundedBlFull
};