@stencila/style-material/dist/atoms/button/_base.css.map

Material Design theme for Stencila components

{"mappings":"AAAA,gBCGE,qBAAsB,CDHxB,qBAAA,kBAAA,qBAAA,uBAAA,+CAAA,kBAAA,gBAAA,oBAAA,cAAA,SAAA,cAAA,0BAAA,ACIE,6DAAiE,CDJnE,mBAAA,oCAAA,qBAAA,ACUE,yBDVF,gBAAA,eAAA,mBAAA,cAAA,qBAAA,kBAAA,mBAAA,kBAAA,ACYE,CDZF,wEAAA,sBAAA,iBAAA,iBAAA,cAAA,qBAAA,oEAAA,kBAAA,oBAAA,cAAA,cAAA,oEAAA,iBAAA,iBAAA,cAAA,sBAAA,4BAAA,eAAA,sIAAA,mBAAA,0BAAA,WAAA,oBAAA,sBAAA,oBAAA,oBAAA,4CCqDI,eAAgB,CAChB,cAAe,CDtDnB,qBAAA,gDAAA,qBAAA,AC6DI,aAAc,CD7DlB,qBAAA,AC4DI,aD5DJ,kCAAA,eAAA,kJAAA,gBAAA,gDAAA,mBAAA,eAAA,WAAA,YAAA,gBAAA,UAAA,kBAAA,mBAAA,UAAA,2BAAA,sBAAA,0DAAA,qBAAA,ACwFI,aAAc,CDxFlB,qBAAA,ACuFI,aDvFJ,0FAAA,gBAAA","sources":["<no source>","src/atoms/button/_base.css"],"sourcesContent":[null,"a.button,\nbutton {\n  @apply inline-block p-2 m-0 text-sm font-bold leading-none no-underline whitespace-nowrap border-none rounded font-body;\n  background-image: none;\n  transition: color 120ms ease-out, background-color 120ms ease-out;\n\n  &.secondary {\n    @apply px-2 py-1;\n  }\n\n  @screen md {\n    @apply px-4 py-2 text-base leading-none;\n  }\n\n  &.xsmall,\n  &[size='xsmall'] {\n    @apply px-2 py-1 text-xs leading-none rounded-sm;\n  }\n\n  &.small,\n  &[size='small'] {\n    @apply p-2 text-sm leading-none;\n  }\n\n  &.large,\n  &[size='large'] {\n    @apply px-6 py-3 text-2xl leading-none;\n  }\n\n  &:hover {\n    @apply cursor-pointer;\n  }\n\n  &[disabled],\n  &[disabled]:active,\n  &[disabled]:hover {\n    @apply cursor-not-allowed;\n  }\n\n  &.fill {\n    @apply w-full;\n  }\n\n  & > * {\n    @apply align-middle;\n  }\n\n  & * {\n    @apply pointer-events-none;\n  }\n\n  stencila-icon {\n    @apply pr-1;\n    --height: 1.25em;\n    --width: 1.25em;\n  }\n\n  & > svg,\n  & > img {\n    @apply inline-block pr-1;\n    width: 1.25em;\n    height: 1.25em;\n  }\n\n  &.iconOnly {\n    @apply p-1;\n\n    stencila-icon,\n    & > svg,\n    & > img {\n      @apply pr-0;\n    }\n\n    .label {\n      @apply sr-only;\n    }\n  }\n}\n\n:host {\n  &::slotted(button > *) {\n    @apply align-middle;\n  }\n\n  &::slotted(button > svg),\n  &::slotted(button > img) {\n    @apply inline-block pr-1;\n    width: 1.25em;\n    height: 1.25em;\n  }\n\n  &[icon-only='true'] {\n    &::slotted(button > svg),\n    &::slotted(button > img) {\n      @apply pr-0;\n    }\n  }\n}\n"],"names":[],"version":3,"file":"_base.css.map"}