mirror of
https://github.com/anatolykopyl/vue-highlights.git
synced 2026-03-26 04:45:33 +00:00
1 line
9.0 KiB
CSS
1 line
9.0 KiB
CSS
#app{padding-top:80px}#footer,#nav{background-color:#fefefe;width:100%}#nav{border-bottom:1px solid #eaeaea;height:50px;left:0;position:fixed;top:0;z-index:5}#nav h1{line-height:50px;font-size:20px;margin:0}#nav img{width:24px;height:auto}.nav-item{color:#8f989a;font-size:12px;font-weight:700;margin-left:16px;-webkit-transition:all .3s ease;transition:all .3s ease}.nav-item:hover{color:#ff3b8e}.nav-icon{fill:#8f989a;height:auto;margin-top:4px;-webkit-transition:all .3s ease;transition:all .3s ease;width:20px}.nav-icon:hover{fill:#ff3b8e}#footer{border-top:1px solid #eaeaea}#logo{width:50px;height:auto}#install{background-color:#f7f7f7;line-height:1}.code-snippet{padding:0!important;margin-bottom:16px;font-family:Roboto Mono,monospace;overflow-y:scroll}.code-snippet .line-numbers,.code-snippet .render{padding:12px 12px}.code-snippet .line-numbers{color:#c1c6c7;border-radius:2px 0 0 2px;border-right:1px solid #eaeaea}.code-snippet .render{white-space:pre}.code-snippet .language{position:absolute;top:0;right:0;background:#e6e8e9;color:#828c8f;padding:3px 12px;border-radius:0 5px 0 4px}.props-name-col{width:30%}.props-type-col{width:10%}.props-name{color:#ff3b8e;font-weight:500}.props-type{color:#a8afb1;font-weight:600}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,select,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}html{font-family:sans-serif}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}figcaption,figure{display:block}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1;margin:0}button{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button],[type=button]::-moz-focus-inner,[type=reset],[type=reset]::-moz-focus-inner,[type=submit],[type=submit]::-moz-focus-inner,button,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}input{overflow:visible}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}legend{-webkit-box-sizing:border-box;box-sizing:border-box;display:table;max-width:100%;padding:0;color:inherit;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}summary{display:list-item}[hidden],template{display:none}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}body,html{width:100%;height:100%}html{font-size:100%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{overflow-x:hidden;overflow-y:scroll;background-color:#fefefe;min-height:100%;font-family:Helvetica neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;font-weight:400;color:#5a6265;text-rendering:optimizeLegibility;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-moz-selection{background-color:#ff9dc7;color:#fefefe}::selection{background-color:#ff9dc7;color:#fefefe}::-webkit-input-placeholder{color:inherit;opacity:.7}::-moz-placeholder{color:inherit;opacity:.7}:-ms-input-placeholder{color:inherit!important;opacity:.7!important}::-ms-input-placeholder{color:inherit;opacity:.7}::placeholder{color:inherit;opacity:.7}p{margin:0}p:not(:last-child){margin-bottom:16px}a{line-height:inherit;-webkit-transition:color .2s ease,border-bottom-color .2s ease;transition:color .2s ease,border-bottom-color .2s ease;border:none;font-family:inherit;color:#ff3b8e;text-decoration:none;cursor:pointer}a:focus{outline:none}a:hover{color:#8f989a}a img{border:0}a.router-exact-active{color:#a8afb1}a h1,a h2,a h3,a h4,a h5{color:#5a6265}img{width:100%;max-width:100%;height:auto}pre{background-color:#f7f7f7;padding:16px;line-height:1.5}table{width:100%;margin-bottom:8px}th{font-weight:800}td,th{padding-bottom:16px;text-align:center;text-align:left;vertical-align:middle}.column,.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.column.center,.flex.center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.column.between,.flex.between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.column.vcenter,.flex.vcenter{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.col-50{width:50%}.col-25{width:25%}.relative{position:relative}.container{width:960px;max-width:96%;margin:0 auto}.content-container{width:560px;max-width:96%}.cursor-pointer{cursor:pointer}.pa-sm{padding:8px}.pl-sm,.px-sm{padding-left:8px}.pr-sm,.px-sm{padding-right:8px}.pt-sm,.py-sm{padding-top:8px}.pb-sm,.py-sm{padding-bottom:8px}.ma-sm{margin:8px}.ml-sm,.mx-sm{margin-left:8px}.mr-sm,.mx-sm{margin-right:8px}.mt-sm,.my-sm{margin-top:8px}.mb-sm,.my-sm{margin-bottom:8px}.pa-md{padding:16px}.pl-md,.px-md{padding-left:16px}.pr-md,.px-md{padding-right:16px}.pt-md,.py-md{padding-top:16px}.pb-md,.py-md{padding-bottom:16px}.ma-md{margin:16px}.ml-md,.mx-md{margin-left:16px}.mr-md,.mx-md{margin-right:16px}.mt-md,.my-md{margin-top:16px}.mb-md,.my-md{margin-bottom:16px}.pa-lg{padding:20px}.pl-lg,.px-lg{padding-left:20px}.pr-lg,.px-lg{padding-right:20px}.pt-lg,.py-lg{padding-top:20px}.pb-lg,.py-lg{padding-bottom:20px}.ma-lg{margin:20px}.ml-lg,.mx-lg{margin-left:20px}.mr-lg,.mx-lg{margin-right:20px}.mt-lg,.my-lg{margin-top:20px}.mb-lg,.my-lg{margin-bottom:20px}b,strong{font-weight:700;line-height:inherit}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:Helvetica neue,Helvetica,Arial,sans-serif;font-style:normal;font-weight:800;color:inherit;text-rendering:optimizeLegibility;letter-spacing:-1px;line-height:$global-line-height-heading;margin-bottom:8px}.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{line-height:0;color:$color-gray-light}.h1 a,.h1 a:hover,.h2 a,.h2 a:hover,.h3 a,.h3 a:hover,.h4 a,.h4 a:hover,.h5 a,.h5 a:hover,.h6 a,.h6 a:hover,h1 a,h1 a:hover,h2 a,h2 a:hover,h3 a,h3 a:hover,h4 a,h4 a:hover,h5 a,h5 a:hover,h6 a,h6 a:hover{color:inherit}.h1,h1{font-size:28px}.h2,h2{font-size:24px}.h3,h3{font-size:20px}.h4,h4{font-size:18px}.h5,h5{font-size:16px}.h6,h6{font-size:14px;text-transform:uppercase;color:#828c8f;letter-spacing:0}.text-xs{font-size:10px}.text-sm{font-size:12px}.text-md{font-size:14px}.text-lg{font-size:16px}.text-xl{font-size:18px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:Menlo,Monaco,Consolas,monospace}.highlights__content{position:relative}.highlights__placeholder{color:#ccc;position:absolute;top:16px;left:16px;z-index:-1}.box,.highlights__body-container{border-radius:5px;-webkit-box-shadow:0 5px 15px 0 rgba(80,86,98,.1),0 2px 4px 0 rgba(199,202,209,.4);box-shadow:0 5px 15px 0 rgba(80,86,98,.1),0 2px 4px 0 rgba(199,202,209,.4);padding:16px}.highlights__body{min-height:60px}.highlights{color:#ff3b8e}.label{display:block;margin-bottom:3px}.input{background-color:#fefefe;background-image:none;border:1px solid #e6e8e9;border-radius:4px;color:#828c8f;cursor:text;display:block;font-size:12px;height:32px;line-height:12px;max-width:100%;min-width:100%;padding:2px 8px;position:relative;-webkit-transition:all .2s;transition:all .2s;width:100%}.input:hover{border-color:#c1c6c7}.input.focus,.input:focus{border-color:#ff3b8e;outline:none} |