@mervick/mdi-icons
Version:
Google Material Design Icons For Using With Bootstrap
2 lines • 13.1 kB
CSS
.light-theme,:root{--bg-color:#f9f9f9;--text-color:#444;--link-color:#03a9f4;--head-bg-panel:#212121;--head-text-color:#fff;--code-bg-color:rgba(0,0,0,0.04);--code-text-color:inherit;--content-font-size:18px;--content-line-height:36px;--search-panel-bg-color:#fff;--search-panel-shadow:0 0 2px rgba(0,0,0,.2);--search-panel-shadow-fixed:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.2);--search-text-color:#434343;--grid-header-text-color:#555;--grid-text-color:#555;--grid-border-top:1px solid rgba(0,0,0,0.08);--no-result-text-color:#666;--item-border:2px solid transparent;--item-border-hover:2px solid transparent;--item-border-active:2px solid #03a9f4;--item-bg-hover:#f2f2f2;--item-bg-active:transparent;--item-badge-bg-color:#fe6363;--item-badge-text-color:#fff;--item-icon-color:#555;--item-text-color:var(--item-icon-color);--item-search-match-bg-color:#FFFF4F;--item-search-match-text-color:var(--item-text-color);--snackbar-header-text-color:#fff;--snackbar-header-bg-color:#03a9f4;--snackbar-body-bg-color:#eee;--snackbar-code-text-color:#434343;--snackbar-content-shadow:0 -2px 5px rgba(0,0,0,.1);--snackbar-title-text-color:#03a9f4;--snackbar-comment-text-color:#434343;--snackbar-content-padding:0;--snackbar-font-bg-color:rgba(0,0,0,0.08);--footer-bg-color:#eee;--grid-container-margin:25px;--grid-block-margin:15px;--grid-item-margin:0px;--grid-item-margin-bottom:0px;--grid-item-padding:6px;--grid-item-width:90px;--container-padding:25px;--sidebar-link-color:#444;--sidebar-link-active-color:#03a9f4;--sidebar-link-hover-bg-color:rgba(0,0,0,0.05);--sidebar-bg-color:#f1f1f1;--sidebar-border-color:#e0e0e0}.dark-theme{--dark2:#0d1117;--dark1:#141921;--bg-color:var(--dark1);--head-bg-panel:var(--dark1);--search-panel-bg-color:var(--dark2);--footer-bg-color:var(--dark2);--snackbar-body-bg-color:var(--dark2);--text-color:#c9d1d9;--head-text-color:#c9d1d9;--item-icon-color:#c9d1d9;--code-bg-color:rgba(255,255,255,0.04);--snackbar-comment-text-color:#ccc;--link-color:#07b1ff;--code-text-color:inherit;--search-panel-shadow:0 0 2px rgba(0,0,0,.2);--search-panel-shadow-fixed:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.2);--search-text-color:#f0f6fc;--grid-header-text-color:#f0f6fc;--grid-text-color:#c9d1d9;--grid-border-top:1px solid rgba(255,255,255,0.06);--no-result-text-color:#f0f6fc;--item-border-active:2px solid #03a9f4;--item-bg-hover:rgba(255,255,255,0.05);--item-badge-bg-color:#fe6363;--item-badge-text-color:#fff;--item-text-color:var(--item-icon-color);--item-search-match-bg-color:#0089ff;--item-search-match-text-color:var(--item-text-color);--snackbar-header-text-color:#fff;--snackbar-header-bg-color:#0089ff;--snackbar-code-text-color:#f0f6fc;--snackbar-content-shadow:0 -2px 5px rgba(0,0,0,.1);--snackbar-title-text-color:#07b1ff;--snackbar-font-bg-color:rgba(255,255,255,0.05);--sidebar-link-color:#f0f6fc;--sidebar-link-active-color:#03a9f4;--sidebar-link-hover-bg-color:rgba(0,0,0,0.1);--sidebar-bg-color:#12171e;--sidebar-border-color:#0d1016}body,html{background-color:var(--bg-color);border:0;padding:0;margin:0;height:100%;width:100%;color:var(--text-color);font-family:RobotoDraft,Roboto,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}*,:after,:before{box-sizing:border-box}*{font-family:RobotoDraft,Roboto,sans-serif}a{color:var(--link-color);text-decoration:none}a:hover{text-decoration:underline}a,a:hover{outline:0}#head-panel .repo-link,#head-panel h1{font-family:Rubik,sans-serif}#head-panel{background-color:var(--head-bg-panel);padding:14px 0 9px;overflow:hidden}#head-panel h1{color:var(--head-text-color);font-size:33px;font-weight:400;line-height:37px;margin:0;display:inline-block}#head-panel h1:after{letter-spacing:.5em;content:"\00a0"}#head-panel .logo{width:40px;display:inline-block;vertical-align:sub;margin-right:14px}#head-panel .buttons{display:inline-block;color:transparent}#head-panel .repo-link{color:var(--head-text-color);font-size:15px;margin-left:54px;text-decoration:none}#head-panel .repo-link:hover{text-decoration:underline}@media (max-width:768px){#head-panel h1{display:block;white-space:nowrap;overflow:visible;font-size:30px;margin:0 0 7px}#head-panel .buttons{margin-right:5px}#head-panel .repo-link-wrap{display:inline-block;vertical-align:top}#head-panel .repo-link-wrap .repo-link{margin-left:0}}.container{width:100%;padding:0 var(--container-padding);height:100%}.wrap{min-height:100%;height:auto;margin:0 auto -120px;padding:0 0 160px}.content{margin:100px 0 40px}.content p{line-height:var(--content-line-height);font-size:var(--content-font-size);margin-top:2px;margin-bottom:10px}.content code{padding:.2em 0;margin:0;font-size:85%;background-color:var(--code-bg-color);color:var(--code-text-color);border-radius:3px}.content code:after,.content code:before{letter-spacing:-.2em;content:"\00a0"}.clear-icon{cursor:pointer}@media (max-width:768px){.clear-icon{margin:-10px;padding:10px;box-sizing:content-box}}#search-panel{height:64px;width:100%;background-color:var(--search-panel-bg-color);box-shadow:var(--search-panel-shadow);position:absolute;z-index:7}#search-panel.top-fixed{position:fixed;top:0;left:0;right:0;box-shadow:var(--search-panel-shadow-fixed)}#search-panel .container{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;-ms-flex-align:center;-webkit-align-items:center;align-items:center;height:100%}#search-panel .search-icon{display:inline-block;vertical-align:middle;background-repeat:no-repeat;fill:currentcolor;position:relative;opacity:.5}#search-panel .search-icon,#search-panel .search-icon .mdi{height:24px;width:24px;font-size:24px}#search-panel .search-icon.search-magnify{pointer-events:none;position:absolute;margin-left:10px}#search-panel .search-icon.clear-icon:hover{opacity:1}#search-panel #search{background-color:var(--search-panel-bg-color);color:var(--search-text-color);font-size:20px;padding:8px 0 8px 54px;width:auto;border:none;outline:0;-ms-flex:1 1 .000000001px;-webkit-flex:1;flex:1;-webkit-flex-basis:.000000001px;flex-basis:.000000001px}#grid-container{padding:0 0 70px;min-height:900px;margin-top:var(--grid-container-margin)}#grid-container .grid{margin:var(--grid-block-margin) calc(-1 * var(--grid-item-margin)) 0 calc(-1 * var(--grid-item-margin))}#grid-container .grid:after{clear:both;display:table;content:" "}#grid-container:after{clear:both;display:table;content:" "}#grid-container h2{color:var(--grid-header-text-color);font-size:16px;font-weight:400;display:block;padding:var(--grid-container-margin) 0 0;margin:10px 0;position:relative}#grid-container h2:before{content:'';display:block;position:absolute;top:0;left:0;right:0;border-top:var(--grid-border-top)}#grid-container .no-results{text-align:center;color:var(--no-result-text-color);font-size:24px;padding:150px 0}#grid-container .item-container{display:block;width:var(--grid-item-width);height:110px;margin:0 var(--grid-item-margin) var(--grid-item-margin-bottom);padding:15px 0 0;cursor:pointer;background:0 0;float:left;transition:background .2s ease-out;border-radius:2px;border:var(--item-border)}#grid-container .item-container:hover{background:var(--item-bg-hover);border:var(--item-border-hover)}#grid-container .item-container.selected{background:var(--item-bg-active);border:var(--item-border-active)}#grid-container .item-container .item{-ms-flex-align:center;-webkit-align-items:center;align-items:center;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;display:-ms-flexbox;display:-webkit-flex;display:flex;position:relative}#grid-container .item-container .item .item-badge{position:absolute;right:8px;top:-12px;padding:2px 3px;border-radius:2px;background:var(--item-badge-bg-color);color:var(--item-badge-text-color);font-size:10px;font-weight:500}#grid-container .item-container .item>i{font-size:48px;width:48px;height:48px;color:var(--item-icon-color)}#grid-container .item-container .item .caption{color:var(--item-text-color);font-size:11px;margin-top:16px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;word-break:break-all;width:calc(var(--grid-item-width) - var(--grid-item-padding) * 2);z-index:1}#grid-container .item-container .item .caption>i{position:relative;z-index:1;color:var(--item-search-match-text-color);background:var(--item-search-match-bg-color);padding:0 1px;font-size:11px;margin:0 -2px;line-height:11px;border-radius:2px;border:1px solid var(--item-search-match-bg-color);display:inline;font-style:normal}#grid-container .item-container .item .caption>span{position:relative;z-index:2;display:inline}#snackbar{position:fixed;bottom:0;left:0;right:0;z-index:5}#snackbar .snackbar-header{color:var(--snackbar-header-text-color);height:64px;background-color:var(--snackbar-header-bg-color);padding:19px var(--container-padding) 20px;line-height:26px;overflow:hidden}#snackbar .snackbar-header .left-side i{width:24px;height:24px;font-size:24px;float:left}#snackbar .snackbar-header .caption{font-size:16px;margin-left:15px}#snackbar .snackbar-header .right-side .mdi{font-size:22px;margin-top:1px}#snackbar .snackbar-header .right-side .caption{font-weight:500;margin-left:10px;text-transform:uppercase;font-size:14px}#snackbar .clear-icon{float:right!important;margin-left:10px}#snackbar .code,#snackbar .font,#snackbar p,#snackbar p a{font-family:'Roboto Mono',monospace;font-size:13px;line-height:24px;background-color:var(--snackbar-body-bg-color)}#snackbar .font{background-color:var(--snackbar-font-bg-color);padding:2px 4px;border-radius:3px}#snackbar .code{color:var(--snackbar-code-text-color);border:0;cursor:default;display:block;outline:0;padding:0;height:24px;resize:none;width:100%;white-space:nowrap;overflow:hidden}#snackbar .code.comment{opacity:.5}#snackbar .snackbar-content{background-color:var(--snackbar-body-bg-color);padding:var(--snackbar-content-padding) var(--container-padding);overflow:hidden;-webkit-transition:-webkit-transform .2s cubic-bezier(.4,0,.2,1);transition:transform .2s cubic-bezier(.4,0,.2,1);box-shadow:var(--snackbar-content-shadow)}#snackbar .snackbar-content h2,#snackbar .snackbar-content p{font-size:13px;line-height:24px;font-family:'Roboto Mono',monospace}#snackbar .snackbar-content h2{color:var(--snackbar-title-text-color);display:inline-block;font-weight:500;margin:0}#snackbar .snackbar-content p{margin:0;color:var(--snackbar-comment-text-color)}#snackbar .snackbar-content .col{margin:16px 0}#snackbar .snackbar-content,#snackbar .snackbar-header{margin:0 calc(-1 * var(--container-padding)) 0}#footer{background:var(--footer-bg-color);padding:20px 0;min-height:120px}#sidebar{display:none;width:250px;background:var(--sidebar-bg-color);position:absolute;height:100%;overflow:auto;z-index:2;right:0;border-left:1px solid var(--sidebar-border-color);margin-top:64px;font-size:14px;padding-bottom:100%;box-sizing:content-box}#sidebar .sidebar-block{margin:24px 0;border-bottom:1px solid var(--sidebar-border-color);padding-bottom:8px}#sidebar .sidebar-block>h4{padding:0 24px;margin-bottom:8px;text-transform:uppercase;font-size:11px;color:#999}#sidebar ul{display:block;padding:4px 0;margin:0;list-style:none}#sidebar ul li{list-style:none;display:flex;flex-direction:row;padding:12px 24px;line-height:24px;margin:0;color:var(--sidebar-link-color);fill:var(--sidebar-link-color);cursor:pointer}#sidebar ul li .label{margin-left:10px}#sidebar ul li .icon{width:24px;height:24px;text-align:center;line-height:24px;font-size:23px}#sidebar ul li.active,#sidebar ul li:hover{background:var(--sidebar-link-hover-bg-color)}#sidebar ul li.active{color:var(--sidebar-link-active-color);fill:var(--sidebar-link-active-color)}.top-fixed+#sidebar{position:fixed;top:0}@media (min-width:768px){#sidebar{display:block}#sidebar+.container{width:calc(100% - 250px);margin-right:250px;padding-right:calc(var(--container-padding)/ 2)}#sidebar+.container #grid-container h2:before{right:calc(var(--container-padding)/ 2)}}@media (max-width:767px){.hide-mobile{display:none}}@media (max-width:606px){.grid{display:block}.grid .item-container{display:block;overflow:hidden}}@media (min-width:576px) and (max-width:606px){.grid .item-container{width:20%;max-width:20%}}@media (min-width:500px) and (max-width:575px){.grid .item-container{width:25%;max-width:25%}}@media (max-width:499px){.grid .item-container{width:33%;max-width:33%}}@media (min-width:768px){.flex-snackbar{flex-direction:row;display:flex}.col{width:50%}.container{margin:0 auto}.snackbar-content,.snackbar-header{margin:0 -10px 0}.snackbar-content .col:first-child p,.snackbar-header .col:first-child p{max-width:510px;padding-right:30px}}.uppercase{text-transform:uppercase}.d-flex{display:-ms-flexbox;display:flex}.justify-content-between{-ms-flex-pack:justify;justify-content:space-between}.flex-row{-ms-flex-direction:row;flex-direction:row}
/*# sourceMappingURL=main.min.css.map */