react-crud-icons
Version:
Set of SVG icons for CRUD applications packaged as a React component
2 lines • 12.6 kB
CSS
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.Footer{border-top:1px solid gray;color:#607d8b;font-size:.9em;margin:50px 50px 20px;padding:10px 20px;text-align:center;z-index:100}.Footer>.copyright{color:silver;color:#607d8b;display:block;margin-top:10px}.Footer>*{margin-top:10px}@media print{.Footer{page-break-inside:avoid}}.heart{color:silver;display:inline-block;font-size:20px;position:relative;text-align:center;top:2px;transition:color 1s}.Footer:hover .heart{-webkit-animation:beat .35s infinite alternate;animation:beat .35s infinite alternate;color:#bf360c;-webkit-transform-origin:center;transform-origin:center}@keyframes beat{to{-webkit-transform:scale(1.4);transform:scale(1.4)}}@-webkit-keyframes beat{to{-webkit-transform:scale(1.4);transform:scale(1.4)}}.crud-icon{border-radius:50%;box-sizing:border-box;cursor:pointer;display:inline-block;padding:10px;position:relative}.crud-icon.disabled{cursor:default}.crud-icon>svg{position:relative;top:-1px}.crud-icon>div{background-color:grey;border-radius:3px;color:#fff;font-size:12px;font-style:normal;left:0;opacity:0;padding:4px 7px 3px;position:absolute;top:34px;visibility:hidden;z-index:300}.crud-icon:hover{transition:background-color .2s linear .1s}.crud-icon:hover>div{opacity:1;transition:opacity .3s linear .3s,visibility 0s linear .3s;visibility:visible}.crud-icon.dark.disabled>svg{fill:silver}.crud-icon.dark>svg{fill:#fafafa}.crud-icon.dark:hover:not(.disabled){background-color:#616161}.crud-icon.dark:hover:not(.disabled)>svg{fill:#fff}.crud-icon.light.disabled>svg{fill:silver}.crud-icon.light>svg{fill:#424242}.crud-icon.light:hover:not(.disabled){background-color:#eee}.crud-icon.light:hover:not(.disabled)>svg{fill:#000}.crud-icon.light:hover:not(.disabled)>div{visibility:visible}.crud-icon.tiny{height:28px;padding:8px;width:28px}.crud-icon.tiny>svg{height:12px;top:-4px;width:12px}.crud-icon.tiny>div{top:30px}.crud-icon.small{height:38px;width:38px}.crud-icon.small>svg{height:18px;width:18px}.crud-icon.small>div{top:40px}.crud-icon.medium{height:46px;width:46px}.crud-icon.medium>svg{height:26px;width:26px}.crud-icon.medium>div{top:46px}.crud-icon.large{height:62px;width:62px}.crud-icon.large>svg{height:42px;width:42px}.crud-icon.large>div{top:60px}.crud-icon.big{height:100px;width:100px}.crud-icon.big>svg{height:80px;width:80px}.crud-icon.big>div{top:94px}.crud-icon.huge{height:140px;width:140px}.crud-icon.huge>svg{height:120px;width:120px}.crud-icon.huge>div{left:10px;top:138px}body{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAABaCAYAAAC423YRAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAaGVYSWZNTQAqAAAACAAEAQYAAwAAAAEAAgAAARIAAwAAAAEAAQAAASgAAwAAAAEAAgAAh2kABAAAAAEAAAA+AAAAAAADoAEAAwAAAAEAAQAAoAIABAAAAAEAAAAUoAMABAAAAAEAAABaAAAAANfhk+4AAALiaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJYTVAgQ29yZSA1LjQuMCI+CiAgIDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+CiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICAgICAgICAgIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIgogICAgICAgICAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyI+CiAgICAgICAgIDx0aWZmOlBob3RvbWV0cmljSW50ZXJwcmV0YXRpb24+MjwvdGlmZjpQaG90b21ldHJpY0ludGVycHJldGF0aW9uPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICAgICA8dGlmZjpDb21wcmVzc2lvbj4xPC90aWZmOkNvbXByZXNzaW9uPgogICAgICAgICA8dGlmZjpSZXNvbHV0aW9uVW5pdD4yPC90aWZmOlJlc29sdXRpb25Vbml0PgogICAgICAgICA8ZXhpZjpQaXhlbFlEaW1lbnNpb24+OTA8L2V4aWY6UGl4ZWxZRGltZW5zaW9uPgogICAgICAgICA8ZXhpZjpDb2xvclNwYWNlPjE8L2V4aWY6Q29sb3JTcGFjZT4KICAgICAgICAgPGV4aWY6UGl4ZWxYRGltZW5zaW9uPjIwPC9leGlmOlBpeGVsWERpbWVuc2lv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);background-repeat:repeat-y}.icons-notext.dark>span{color:#fff}.icons-notext.dark>span,.icons-notext>span{display:inline-block;left:-8px;min-width:100px;position:relative;top:-7px}.App{padding:20px 30px 20px 60px}h1{margin:0 0 10px}h3{margin-top:30px}header{padding:10px 0}.codeTab{margin-left:20px}a{color:#39c;font-weight:600;text-decoration:none}a:hover{color:navy}i{box-sizing:border-box}.icons-notext>div,.icons>div{display:inline-block;min-width:70px}.icons-notext>div>span,.icons>div>span{left:-5px;position:relative;top:-7px}.icons-notext>div{padding:5px 10px 0}.icons svg,.icons-notext svg{position:relative}.icons .crud-icon{margin-right:4px;top:6px}.icons-notext.dark{background-color:#000;color:#fff}.icons-notext{border-radius:10px;padding:10px 0 20px}.icons-notext i{display:inline-block;margin:10px}.sizes{padding:20px}.sizes.dark{background-color:#000}.sizes>div{display:inline-block}.evo-home{background-color:#fff}.evo-home .version{font-size:.6em;font-weight:500}code{background-color:#fafafa;border:1px solid silver;border-radius:10px;display:block;font-size:14px;margin:10px 0;padding:20px 40px 20px 10px}header{position:relative}.github{font-size:20px;margin:0 0 10px 30px;position:absolute;right:10px;top:10px}.github>svg{fill:#000}.github:hover>svg{fill:#39c}.icons-options{display:flex;flex-wrap:wrap;width:100%}.icons-options>div{flex-grow:0;margin-right:20px;padding:10px 0}.icons-options input.search,.icons-options select{border-radius:2px;font-size:1.2em;max-width:140px;padding:5px}table td{padding:5px;vertical-align:top}::-webkit-input-placeholder{color:silver;opacity:1}::placeholder{color:silver;opacity:1}:-ms-input-placeholder{color:silver}::-ms-input-placeholder{color:silver}.silver-text{color:silver}.name-on>div{width:220px}.name-on>div>span>i{left:5px;top:6px}.show-names{align-items:center;display:flex}.show-names>label>span{padding:7px 0 0 5px}
/*# sourceMappingURL=main.36d87df6.css.map*/