react-crud-icons/docs/static/css/main.36d87df6.css.map

Set of SVG icons for CRUD applications packaged as a React component

{"version":3,"file":"static/css/main.36d87df6.css","mappings":"AAAA,KAKE,kCAAmC,CACnC,iCAAkC,CAJlC,mIAEY,CAHZ,QAMF,CAEA,KACE,uEAEF,CCNA,QAME,yBAVO,CAQP,aAPkB,CAWlB,eANA,sBACA,kBAIA,kBANA,WAOA,CACA,mBAGE,aACA,wBAHA,cACA,eAEA,CAEF,UACE,0BAIJ,aACE,QACE,yBAIJ,OAGE,aAGA,qBAFA,eACA,kBAEA,kBALA,QAMA,oBAEF,qBAEE,+CAIA,uCALA,cAMA,gCAIA,wBAGF,gBACE,GACE,6BAIA,sBAWJ,wBACE,GACE,6BACA,sBCvEJ,WAIE,iBAAkB,CAClB,qBAAsB,CACtB,cAAe,CAJf,oBAAqB,CACrB,YAAa,CAFb,iBAKiB,CACjB,oBACE,cAAiB,CACnB,eACE,iBAAkB,CAClB,QAAW,CACb,eASE,qBAAsB,CACtB,iBAAkB,CAFlB,UAAY,CAGZ,cAAe,CACf,iBAAkB,CALlB,MAAO,CAJP,SAAU,CAEV,mBAAoB,CADpB,iBAAkB,CAElB,QAAS,CAJT,iBAAkB,CADlB,WAWoB,CACtB,iBACE,0CAA+C,CAC/C,qBACE,SAAU,CAEV,0DAA+D,CAD/D,kBACiE,CACrE,6BACE,WAAc,CAChB,oBACE,YAAe,CACjB,qCACE,wBAA2B,CAC3B,yCACE,SAAa,CACjB,8BACE,WAAc,CAChB,qBACE,YAAe,CACjB,sCACE,qBAA2B,CAC3B,0CACE,SAAa,CACf,0CACE,kBAAqB,CACzB,gBACE,WAAY,CAEZ,WAAY,CADZ,UACc,CACd,oBACE,WAAY,CAEZ,QAAS,CADT,UACW,CACb,oBACE,QAAW,CACf,iBACE,WAAY,CACZ,UAAa,CACb,qBACE,WAAY,CACZ,UAAa,CACf,qBACE,QAAW,CACf,kBACE,WAAY,CACZ,UAAa,CACb,sBACE,WAAY,CACZ,UAAa,CACf,sBACE,QAAW,CACf,iBACE,WAAY,CACZ,UAAa,CACb,qBACE,WAAY,CACZ,UAAa,CACf,qBACE,QAAW,CACf,eACE,YAAa,CACb,WAAc,CACd,mBACE,WAAY,CACZ,UAAa,CACf,mBACE,QAAW,CACf,gBACE,YAAa,CACb,WAAc,CACd,oBACE,YAAa,CACb,WAAc,CAChB,oBAEE,SAAU,CADV,SACY,CCxGlB,KACE,wvPAsLE","sources":["index.css","Footer.scss","../node_modules/react-crud-icons/dist/css/react-crud-icons.css","App.scss"],"sourcesContent":["body {\n  margin: 0;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\",\n    \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\",\n    sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n  font-family: source-code-pro, Menlo, Monaco, Consolas, \"Courier New\",\n    monospace;\n}\n","// @import \"./variables.scss\";\n\n$border: 1px solid grey;\n$color-text-footer: #607d8b;\n$bgcolor-text-footer: #f8f8f8;\n\n.Footer {\n  z-index: 100;\n  margin: 50px 50px 20px 50px;\n  padding: 10px 20px;\n  color: $color-text-footer;\n  // background-color: $bgcolor-text-footer;\n  border-top: $border;\n  text-align: center;\n  font-size: 0.9em;\n  > .copyright {\n    display: block;\n    margin-top: 10px;\n    color: silver;\n    color: $color-text-footer !important;\n  }\n  > * {\n    margin-top: 10px !important;\n  }\n}\n\n@media print {\n  .Footer {\n    page-break-inside: avoid;\n  }\n}\n\n.heart {\n  position: relative;\n  top: 2px;\n  color: silver;\n  font-size: 20px;\n  position: relative;\n  display: inline-block;\n  text-align: center;\n  transition: color 1s;\n}\n.Footer:hover .heart {\n  color: #bf360c;\n  -webkit-animation: beat 0.35s infinite alternate;\n  -moz-animation: beat 0.35s infinite alternate;\n  -ms-animation: beat 0.35s infinite alternate;\n  -o-animation: beat 0.35s infinite alternate;\n  animation: beat 0.35s infinite alternate;\n  -webkit-transform-origin: center;\n  -moz-transform-origin: center;\n  -o-transform-origin: center;\n  -ms-transform-origin: center;\n  transform-origin: center;\n}\n\n@keyframes beat {\n  to {\n    -webkit-transform: scale(1.4);\n    -moz-transform: scale(1.4);\n    -o-transform: scale(1.4);\n    -ms-transform: scale(1.4);\n    transform: scale(1.4);\n  }\n}\n\n@-moz-keyframes beat {\n  to {\n    -moz-transform: scale(1.4);\n    transform: scale(1.4);\n  }\n}\n\n@-webkit-keyframes beat {\n  to {\n    -webkit-transform: scale(1.4);\n    transform: scale(1.4);\n  }\n}\n\n@-ms-keyframes beat {\n  to {\n    -ms-transform: scale(1.4);\n    transform: scale(1.4);\n  }\n}\n\n@-o-keyframes beat {\n  to {\n    -o-transform: scale(1.4);\n    transform: scale(1.4);\n  }\n}\n","/*\n    React-CRUD-Icons\n    https://github.com/evoluteur/react-crud-icons\n    (c) 2023 Olivier Giulieri\n*/\n.crud-icon {\n  position: relative;\n  display: inline-block;\n  padding: 10px;\n  border-radius: 50%;\n  box-sizing: border-box;\n  cursor: pointer; }\n  .crud-icon.disabled {\n    cursor: default; }\n  .crud-icon > svg {\n    position: relative;\n    top: -1px; }\n  .crud-icon > div {\n    z-index: 300;\n    visibility: hidden;\n    opacity: 0;\n    position: absolute;\n    padding: 4px 7px 3px;\n    top: 34px;\n    left: 0;\n    color: white;\n    background-color: grey;\n    border-radius: 3px;\n    font-size: 12px;\n    font-style: normal; }\n  .crud-icon:hover {\n    transition: background-color 0.2s linear 0.1s; }\n    .crud-icon:hover > div {\n      opacity: 1;\n      visibility: visible;\n      transition: opacity 0.3s linear 0.3s, visibility 0s linear 0.3s; }\n  .crud-icon.dark.disabled > svg {\n    fill: silver; }\n  .crud-icon.dark > svg {\n    fill: #fafafa; }\n  .crud-icon.dark:hover:not(.disabled) {\n    background-color: #616161; }\n    .crud-icon.dark:hover:not(.disabled) > svg {\n      fill: white; }\n  .crud-icon.light.disabled > svg {\n    fill: silver; }\n  .crud-icon.light > svg {\n    fill: #424242; }\n  .crud-icon.light:hover:not(.disabled) {\n    background-color: #eeeeee; }\n    .crud-icon.light:hover:not(.disabled) > svg {\n      fill: black; }\n    .crud-icon.light:hover:not(.disabled) > div {\n      visibility: visible; }\n  .crud-icon.tiny {\n    height: 28px;\n    width: 28px;\n    padding: 8px; }\n    .crud-icon.tiny > svg {\n      height: 12px;\n      width: 12px;\n      top: -4px; }\n    .crud-icon.tiny > div {\n      top: 30px; }\n  .crud-icon.small {\n    height: 38px;\n    width: 38px; }\n    .crud-icon.small > svg {\n      height: 18px;\n      width: 18px; }\n    .crud-icon.small > div {\n      top: 40px; }\n  .crud-icon.medium {\n    height: 46px;\n    width: 46px; }\n    .crud-icon.medium > svg {\n      height: 26px;\n      width: 26px; }\n    .crud-icon.medium > div {\n      top: 46px; }\n  .crud-icon.large {\n    height: 62px;\n    width: 62px; }\n    .crud-icon.large > svg {\n      height: 42px;\n      width: 42px; }\n    .crud-icon.large > div {\n      top: 60px; }\n  .crud-icon.big {\n    height: 100px;\n    width: 100px; }\n    .crud-icon.big > svg {\n      height: 80px;\n      width: 80px; }\n    .crud-icon.big > div {\n      top: 94px; }\n  .crud-icon.huge {\n    height: 140px;\n    width: 140px; }\n    .crud-icon.huge > svg {\n      height: 120px;\n      width: 120px; }\n    .crud-icon.huge > div {\n      top: 138px;\n      left: 10px; }\n","body {\n  background-image: url(bg0.png);\n  background-repeat: repeat-y;\n}\n\n.icons-notext.dark > span {\n  color: white;\n}\n.icons-notext.dark > span,\n.icons-notext > span {\n  display: inline-block;\n  min-width: 100px;\n  position: relative;\n  top: -7px;\n  left: -8px;\n}\n.App {\n  padding: 20px 30px 20px 60px;\n}\nh1 {\n  margin: 0 0 10px;\n}\nh3 {\n  margin-top: 30px;\n}\nheader {\n  padding: 10px 0;\n}\n.codeTab {\n  margin-left: 20px;\n}\na {\n  color: #39c;\n  font-weight: 600;\n  text-decoration: none;\n}\na:hover {\n  color: navy;\n}\n\ni {\n  box-sizing: border-box;\n}\n.icons > div,\n.icons-notext > div {\n  display: inline-block;\n  min-width: 70px;\n  > span {\n    position: relative;\n    top: -7px;\n    left: -5px;\n  }\n}\n.icons-notext > div {\n  padding: 5px 10px 0;\n}\n.icons svg,\n.icons-notext svg {\n  position: relative;\n}\n.icons .crud-icon {\n  top: 6px;\n  margin-right: 4px;\n}\n.icons-notext.dark {\n  background-color: black;\n  color: white;\n}\n.icons-notext {\n  border-radius: 10px;\n  padding: 10px 0 20px;\n  i {\n    display: inline-block;\n    margin: 10px;\n  }\n}\n\n.sizes {\n  padding: 20px;\n  /* @include flex-holder(); */\n}\n.sizes.dark {\n  background-color: black;\n}\n.sizes > div {\n  display: inline-block;\n}\n.evo-home {\n  background-color: white;\n  .version {\n    font-size: 0.6em;\n    font-weight: 500;\n  }\n}\ncode {\n  display: block;\n  margin: 10px 0;\n  padding: 20px 40px 20px 10px;\n  background-color: #fafafa;\n  border: solid 1px silver;\n  font-size: 14px;\n  border-radius: 10px;\n}\nheader {\n  position: relative;\n}\n.github {\n  position: absolute;\n  top: 10px;\n  right: 10px;\n  margin: 0 0 10px 30px;\n  font-size: 20px;\n  > svg {\n    fill: black;\n  }\n  &:hover > svg {\n    fill: #39c;\n  }\n}\n.icons-options {\n  display: flex;\n  flex-wrap: wrap;\n  width: 100%;\n  > div {\n    padding: 10px 0;\n    margin-right: 20px;\n    flex-grow: 0;\n  }\n  input.search,\n  select {\n    font-size: 1.2em;\n    padding: 5px;\n    max-width: 140px;\n    border-radius: 2px;\n  }\n}\ntable {\n  td {\n    padding: 5px;\n    vertical-align: top;\n  }\n}\n\n// from https://www.w3schools.com/howto/howto_css_placeholder.asp\n::placeholder {\n  /* Chrome, Firefox, Opera, Safari 10.1+ */\n  color: silver;\n  opacity: 1; /* Firefox */\n}\n:-ms-input-placeholder {\n  /* Internet Explorer 10-11 */\n  color: silver;\n}\n::-ms-input-placeholder {\n  /* Microsoft Edge */\n  color: silver;\n}\n\n// // demo w/ text\n// .icons-notext > div {\n//   width:200px;\n//   padding:0;\n//   .crud-icon{\n//     top:8px;\n//     left: 6px;\n//   }\n// }\n\n.silver-text {\n  color: silver;\n}\n\n.name-on > div {\n  width: 220px;\n  > span > i {\n    top: 6px;\n    left: 5px;\n  }\n}\n.show-names {\n  display: flex;\n  align-items: center;\n  > label > span {\n    padding: 7px 0 0 5px;\n  }\n}\n"],"names":[],"sourceRoot":""}