From 38e6bc04eed0a04043c29a100bc3e9cd57e066dc Mon Sep 17 00:00:00 2001 From: Sergio Ortiz Crespo Date: Mon, 21 Jan 2019 10:19:45 +0100 Subject: [PATCH] h2 strong --- docs/css/custom.css | 2 +- src/sass/modules/_docs.scss | 3 ++- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/docs/css/custom.css b/docs/css/custom.css index d144068..7fb0920 100644 --- a/docs/css/custom.css +++ b/docs/css/custom.css @@ -1 +1 @@ -@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,700");@CHARSET "UTF-8";body{font-family:"Open Sans",Helvetica,sans-serif;font-size:1rem;line-height:normal;font-weight:normal;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.docs h1,.docs h2,.docs h3{font-family:"Open Sans",Helvetica,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input,header ul li a,.submenu ul>li a,.s_01 p,.s_content h2,.s_content p,.s_content ul li,.s_list h2,.s_list p,.docs p,.docs ol li,.docs ul li,.docs .table_content table th,.docs .table_content table td{font-family:"Open Sans",Helvetica,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.btn,header ul li a .select,.s_content h3,.s_content a,.s_list h4,.s_list a{font-family:"Open Sans",Helvetica,sans-serif;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:4.2rem}h2,.s_content h2,.s_list h2,.docs h1{font-size:3rem}h3,.s_content h3,.docs h2{font-size:2.8rem}header ul li a,.s_01 p,.s_content h2 span,.s_content p,.s_list h2 span,.s_list h4,.docs h3{font-size:2.2rem}header ul li a,.s_01 p,.s_content h2 span,.s_content p,.s_list h2 span,.s_list h4,.docs h3{font-size:1.8rem}.btn,.s_content ul li,.s_content a,.s_list p,.s_list a,.docs p,.docs ol li,.docs ul li,.docs .table_content table th,.docs .table_content table td{font-size:1.4rem}pre code{font-size:1.2rem}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:initial}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}*,*:before,*:after{box-sizing:border-box}:focus{outline:0}@media (min-width: 768px){main article{width:100%}}@media (min-width: 992px){main article{width:95rem;margin:0 auto;padding:0 15px}}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;font-size:x-small}header,div{outline:none}html,body{height:100%}body{margin:0;padding:0;background:#fff;position:relative;overflow-y:scroll;overflow-x:hidden}body.lock{overflow:hidden}ul,li{margin:0;padding:0;list-style:none}a{text-decoration:none;color:#f29110;display:inline-block;cursor:pointer;transition:color .2s}a:hover,a:focus,a:active{color:#dd830c}a.disabled{color:#d2d5df;cursor:default;pointer-events:none;user-select:none}h1,h2,h3,h4{margin:0;padding:0}button{border:none;cursor:pointer}button:focus{outline:0}img{border:none;display:block}.notmobile{display:none}@media (min-width: 768px){body.lock{overflow-y:visible}.notmobile{display:block}main.content{padding:7rem 0 0 0}main.content section{display:flex;flex-wrap:wrap}}.btn{border-radius:0.4rem;border:0.1rem solid #f29110;padding:1.6rem 1rem;text-align:center;display:inline-block;text-transform:uppercase;letter-spacing:0.44px;transition:background-color .3s, color .3s;color:#fff;background-color:#f29110}.btn:hover{color:#fff;background-color:#dd830c;border-color:#dd830c}.btn.btn-secondary{background:transparent;color:#f29110}.btn.btn-secondary:hover{color:#fff;background-color:#f29110}@media (min-width: 768px){.btn{padding:1.8rem 3rem}}.overlay{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.7);display:none;top:0;z-index:5}.overlay.lock{display:block}@media (min-width: 768px){.overlay.lock{display:none}}.hamb{position:relative;width:2.5rem;height:2rem;transition:transform 750ms ease-in-out}.hamb .inner,.hamb::before,.hamb::after{content:'';position:absolute;width:2.5rem;height:0.2rem;background:#ccc;transform-origin:100% 50%;transition:all 750ms ease-in-out}.hamb::before{top:-0.1rem}.hamb .inner{top:0.9rem}.hamb::after{bottom:0}header{position:absolute;top:0;left:0;margin:0 auto;width:100%;padding:0;z-index:7;background:#fff}header.content{height:8.6rem;background:#fff}header article{display:block;width:100%;margin:0 auto;position:fixed}header article.open{z-index:10;height:100%}header article.open h2,header article.open ul{transform:translateX(0)}header article.open .hamb{transform:rotateY(-180deg)}header article.open .hamb::before,header article.open .hamb::after{background:#29252f}header article.open .hamb::before{transform:translate3d(-4px, 1px, 0) rotateZ(-45deg)}header article.open .hamb::after{transform:translate3d(-4px, -1px, 0) rotateZ(45deg)}header article.open .hamb .inner{transform:rotateY(-90deg);transition:transform 375ms, background-color 750ms ease-in-out, -webkit-transform 375ms}header h2,header ul{transform:translateX(100%);transition:transform .4s, -webkit-transform .4s;background-color:#fff}header h2{padding:2.5rem 1.5rem;border-bottom:0.1rem solid #d9d9d9}header h2 a{display:block;width:21rem;height:3.5rem;overflow:hidden;text-indent:-999rem;background-color:rgba(0,0,0,0);background-image:url("../assets/svg/logo.svg"),none;background-position:left top;background-repeat:no-repeat;background-size:cover}header ul{height:calc(100vh - 8.6rem);margin:0;width:100%;position:absolute;top:8.6rem;padding:0 2.5rem}header ul li{display:block;margin:0.2rem 0}header ul li a{color:#8e99a8;padding:1rem 0}header ul li a .select{color:#505d6e}header ul li:nth-child(5) a{display:block;width:4rem;height:4rem;overflow:hidden;text-indent:-999rem;background-color:rgba(0,0,0,0);background-image:url("../assets/svg/github.svg"),none;background-position:left bottom;background-repeat:no-repeat;background-size:cover}header .btn_hamb{position:absolute;top:2.5rem;right:1.5rem;z-index:1;transition:background 750ms ease-in-out;user-select:none;cursor:pointer}header.content article h2{transform:translateX(0)}@media (min-width: 768px){header{padding:1rem 0;height:auto;overflow:auto;background:transparent}header .btn_hamb{display:none}header h2{display:none}header article{position:relative;width:88rem;padding:0 1.5rem}header article ul{position:relative;width:auto;height:auto;background:transparent;top:auto;transform:translateX(0);display:flex;flex-direction:row;align-items:center;justify-content:center}header article ul li{display:inline-block;margin:0 17px}header article ul li a{font-size:15px;transition:color .3s;color:rgba(255,255,255,0.8);transform:perspective(1px) translateZ(0)}header article ul li a::before{content:'';position:absolute;z-index:-1;left:50%;right:50%;bottom:0;background:#fff;height:2px;transition-property:left, right;transition-duration:0.3s;transition-timing-function:ease-out}header article ul li a.select,header article ul li a:hover,header article ul li a:focus,header article ul li a:active{color:#fff}header article ul li a.select::before,header article ul li a:hover::before,header article ul li a:focus::before,header article ul li a:active::before{left:0;right:0}header article ul li a.select{cursor:default;pointer-events:none;user-select:none}header article ul li:nth-child(5) a{width:2rem;height:2rem;padding:0;background-position:left top}header article.open ul{transform:translateX(0)}header.content{height:9.2rem;overflow:hidden;box-shadow:0 2px 5px rgba(0,0,0,0.2)}header.content article{display:flex;align-items:center}header.content article ul{width:57rem;display:flex}header.content article ul li a{color:#8e99a8}header.content article ul li a::before{background:#8e99a8}header.content article ul li:nth-child(5) a{background-position:left bottom}header.content h2{display:inline-block;border:none;transform:translateX(0)}}@media (min-width: 992px){header{transform:perspective(1px) translateZ(0)}}.submenu{display:block;position:fixed;top:0;left:0;transform:translateX(-100%);width:100%;height:100vh;overflow-y:auto;background-color:#f7f8fb;z-index:99;padding:0 1.5rem;transition:transform .4s}.submenu.open{transform:translateX(0)}.submenu ul{padding:2rem 0 0 0;margin:0}.submenu ul>li{list-style-type:none;padding-left:0;text-align:left}.submenu ul>li a{text-decoration:none;font-size:1.2rem;color:#757c8b;padding:4px 0;display:block;transition:color .2s}.submenu ul>li a.selected{color:#4a5366;font-weight:600}.submenu ul>li a:hover{color:#4a5366}.submenu ul>li ul{padding:0 0 0 2rem}@media (min-width: 768px){.submenu{transform:translate3d(0, 0, 0);height:auto;position:relative;z-index:0;padding:4rem 1rem 1rem 1rem;width:30%;flex:1 0 auto}.submenu div{max-width:14rem;position:fixed;right:2rem}.submenu ul{padding:0}}.btn_submenu{display:flex;align-items:center;justify-content:center;position:fixed;top:auto;right:1.5rem;bottom:2rem;padding:0.5rem;width:5.6rem;height:5.6rem;box-shadow:0 4px 8px rgba(0,0,0,0.25);border-radius:0.2rem;background-color:#f29110;z-index:100}.btn_submenu .hamb .inner,.btn_submenu .hamb::before,.btn_submenu .hamb::after{background:#fff}@media (min-width: 992px){.btn_submenu{display:none}}.s_01{background:#5389c4;height:auto;position:relative;display:grid;overflow:hidden}.s_01::before{content:'';display:block;position:absolute;width:100%;height:100%;top:3rem;opacity:.5;z-index:1;background-color:rgba(0,0,0,0);background-image:url("../assets/svg/idea.svg"),none;background-position:left top;background-repeat:no-repeat;background-size:contain}.s_01 article{margin:auto;text-align:left;z-index:2;padding:1.5rem}.s_01 h1{width:21rem;height:3.5rem;overflow:hidden;text-indent:-999rem;background-color:rgba(0,0,0,0);background-image:url("../assets/svg/logo.svg"),none;background-position:left bottom;background-repeat:no-repeat;background-size:cover}.s_01 p{margin:2rem 0;color:#d2d5df}.s_01 p a{color:#fff;font-weight:600}.s_01 .button_group .btn{display:block;width:100%}.s_01 .button_group .btn:last-child{margin:2rem 0 0 0}@media (min-width: 768px){.s_01{height:32rem}.s_01::before{top:0.4rem;opacity:.5}.s_01 article{width:82%}.s_01 h1{width:46rem;height:6.5rem}.s_01 .button_group .btn{display:inline-block;width:auto}.s_01 .button_group .btn:last-child{margin:0}}@media (min-width: 992px){.s_01::before{opacity:.6}.s_01 article{width:85%}}@media (min-width: 1200px){.s_01 article{width:75%}}.s_content{padding:2rem 1.5rem;color:#44505f;border-bottom:0.1rem solid #d2d5df}.s_content img{margin:0 0 2rem 0}.s_content h2{margin:0 0 2rem 0}.s_content h2 span{display:block;margin:0 0 1rem 0;color:#d2d5df}.s_content h3{margin:0 0 2rem 0;line-height:3.2rem}.s_content p{line-height:1.8;margin:0 0 2rem 0}.s_content ul{margin:0 0 2rem 0}.s_content ul li{position:relative;padding:0 0 0 2rem;line-height:1.8;margin:0 0 0.5rem 0}.s_content ul li::before{content:'';position:absolute;display:block;left:0;top:0.8rem;height:1rem;width:1rem;background:#dd830c}.s_content .tablelist_head{margin:0;padding:0 0 0.5rem 0;border-bottom:0.1rem solid #dd830c;display:flex}.s_content .tablelist_head li{width:50%;padding:0}.s_content .tablelist_head li::before{display:none}.s_content .tablelist_body{margin:0;padding:1rem 0 0 0}.s_content .tablelist_body li{padding:0}.s_content .tablelist_body li::before{display:none}.s_content .tablelist_body .tablelist_item{display:flex;align-items:center}.s_content .tablelist_body .tablelist_item li{width:50%}.s_content a{text-transform:uppercase}@media (min-width: 768px){.s_content{width:90%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.s_content article{width:49%;padding:2rem}.s_content.type_1 article:nth-child(1){order:2}.s_content.type_1 article:nth-child(2){order:1}.s_content.type_2 article:nth-child(1){width:100%}.s_content.type_2b article:nth-child(1){width:100%;order:1}.s_content.type_2b article:nth-child(2){order:3}.s_content.type_2b article:nth-child(3){order:2}}@media (min-width: 1200px){.s_content{width:114rem}}.s_list{margin:2rem 0;padding:2rem 1.5rem;color:#44505f}.s_list h2{margin:0 0 2rem 0;text-align:center}.s_list h2 span{display:block;margin:0 0 1rem 0;color:#d2d5df}.s_list h4{margin:0 0 1rem 0;line-height:3.2rem}.s_list p{line-height:1.8;margin:0 0 1rem 0}.s_list a{text-transform:uppercase}.s_list ul li{display:block;padding:1.5rem;border-radius:4px;border:0.1rem solid #d2d5df;height:100%;margin:0 0 2rem 0;position:relative;transition:border .3s, box-shadow .3s}.s_list ul li:last-child{margin:0}.s_list ul li:hover{border-color:transparent;box-shadow:0 4px 10px rgba(210,213,223,0.9)}.s_list ul li ul{margin:2rem 0 0 0;bottom:0.5rem}.s_list ul li li{border:none;display:inline-block;margin:0 1rem 0 0;padding:0;overflow:hidden;width:auto}.s_list ul li li:hover{border-color:transparent;box-shadow:none}.s_list ul li li a{display:block;overflow:hidden}@media (min-width: 768px){.s_list{width:90%;margin:0 auto}.s_list h4{font-size:2rem}.s_list p{font-size:1.6rem}.s_list ul{display:flex;flex-wrap:wrap;justify-content:space-between}.s_list ul li{width:49%;height:auto}.s_list ul ul{display:block}}@media (min-width: 1200px){.s_list{width:114rem}}.docs{padding:9rem 1rem 1rem 1rem}.docs h1,.docs h2,.docs h3{margin:0 0 1rem 0}.docs p{margin:1rem 0;color:#44505f;line-height:2}.docs ol,.docs ul{margin:0 0 1rem 0}.docs ol li,.docs ul li{color:#44505f;line-height:2;margin:0 0 1rem 0}.docs ol{padding:0 2rem}.docs ol li{list-style-type:decimal}.docs ul li{padding:0 2rem 0 2rem;margin:0 0 1rem 0.5rem;position:relative}.docs ul li::before{content:"";position:absolute;top:11px;left:0;width:3px;height:3px;border-radius:50%;background-color:#44505f}.docs .table_content{overflow-x:auto;margin:1rem 0}.docs .table_content table{display:block;width:100%}.docs .table_content table tr{background:#fff;border-top:1px solid #8e99a8}.docs .table_content table tr:nth-child(2n){background:#f5f6f7}.docs .table_content table th,.docs .table_content table td{border:1px solid #d2d5df;padding:6px 13px;vertical-align:middle}.docs pre{padding:0;border-radius:0.5rem;box-shadow:none;margin:0 0 1rem 0}.docs pre::after{display:none}.docs pre::before{display:none}@media (min-width: 768px){.docs{padding:4rem 1rem 1rem 4rem;width:70%}}pre{width:100%;position:relative;padding:2.2rem 0 0 0;margin:0 0 2rem 0;overflow-y:visible !important;overflow-x:auto;font-family:monospace;border:none;box-shadow:2px 9px 23px -6px rgba(0,0,0,0.75);border-radius:0 0 0.8rem 0.8rem;white-space:initial}pre::before{position:absolute;content:"";top:0;left:0;height:2.2rem;width:100%;border-radius:0.8rem 0.8rem 0 0;background:linear-gradient(to bottom, #f6f6f6 0%, #ebebeb 1%, #d3d3d3 100%);border-bottom:0.1rem solid #a0a0a0}pre::after{position:absolute;content:"";top:0.5rem;left:0.8rem;width:5.3rem;height:1.3rem;background-color:rgba(0,0,0,0);background-image:url("../assets/svg/system_shell.svg"),none;background-position:left top;background-repeat:no-repeat;background-size:initial;z-index:2}pre code{white-space:pre;margin:0;border:none;display:block;overflow-x:auto;background:#282923;color:#ccc;padding:1rem}.hljs-comment,.hljs-quote{color:#999999}.hljs-variable,.hljs-template-variable,.hljs-tag,.hljs-name,.hljs-selector-id,.hljs-selector-class,.hljs-regexp,.hljs-deletion{color:#f2777a}.hljs-number,.hljs-built_in,.hljs-builtin-name,.hljs-literal,.hljs-type,.hljs-params,.hljs-meta,.hljs-link{color:#f99157}.hljs-attribute{color:#ffcc66}.hljs-string,.hljs-symbol,.hljs-bullet,.hljs-addition{color:#99cc99}.hljs-title,.hljs-section{color:#6699cc}.hljs-keyword,.hljs-selector-tag{color:#cc99cc}.hljs{display:block;overflow-x:auto;background:#2d2d2d;color:#cccccc}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}footer{background:#262b33;padding:0 1.5rem 3rem 1.5rem;overflow:hidden}footer::before{content:'';display:block;width:21rem;height:3.5rem;overflow:hidden;background-color:rgba(0,0,0,0);background-image:url("../assets/svg/logo.svg"),none;background-position:left bottom;background-repeat:no-repeat;background-size:cover;margin:1rem auto}@media (min-width: 992px){footer .logo{width:16rem;height:5rem}} +@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,700");@CHARSET "UTF-8";body{font-family:"Open Sans",Helvetica,sans-serif;font-size:1rem;line-height:normal;font-weight:normal;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.docs h1,.docs h2,.docs h3{font-family:"Open Sans",Helvetica,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input,header ul li a,.submenu ul>li a,.s_01 p,.s_content h2,.s_content p,.s_content ul li,.s_list h2,.s_list p,.docs p,.docs ol li,.docs ul li,.docs .table_content table th,.docs .table_content table td{font-family:"Open Sans",Helvetica,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.btn,header ul li a .select,.s_content h3,.s_content a,.s_list h4,.s_list a,.docs h2{font-family:"Open Sans",Helvetica,sans-serif;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:4.2rem}h2,.s_content h2,.s_list h2,.docs h1{font-size:3rem}h3,.s_content h3,.docs h2{font-size:2.8rem}header ul li a,.s_01 p,.s_content h2 span,.s_content p,.s_list h2 span,.s_list h4,.docs h3{font-size:2.2rem}header ul li a,.s_01 p,.s_content h2 span,.s_content p,.s_list h2 span,.s_list h4,.docs h3{font-size:1.8rem}.btn,.s_content ul li,.s_content a,.s_list p,.s_list a,.docs p,.docs ol li,.docs ul li,.docs .table_content table th,.docs .table_content table td{font-size:1.4rem}pre code{font-size:1.2rem}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:initial}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}*,*:before,*:after{box-sizing:border-box}:focus{outline:0}@media (min-width: 768px){main article{width:100%}}@media (min-width: 992px){main article{width:95rem;margin:0 auto;padding:0 15px}}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;font-size:x-small}header,div{outline:none}html,body{height:100%}body{margin:0;padding:0;background:#fff;position:relative;overflow-y:scroll;overflow-x:hidden}body.lock{overflow:hidden}ul,li{margin:0;padding:0;list-style:none}a{text-decoration:none;color:#f29110;display:inline-block;cursor:pointer;transition:color .2s}a:hover,a:focus,a:active{color:#dd830c}a.disabled{color:#d2d5df;cursor:default;pointer-events:none;user-select:none}h1,h2,h3,h4{margin:0;padding:0}button{border:none;cursor:pointer}button:focus{outline:0}img{border:none;display:block}.notmobile{display:none}@media (min-width: 768px){body.lock{overflow-y:visible}.notmobile{display:block}main.content{padding:7rem 0 0 0}main.content section{display:flex;flex-wrap:wrap}}.btn{border-radius:0.4rem;border:0.1rem solid #f29110;padding:1.6rem 1rem;text-align:center;display:inline-block;text-transform:uppercase;letter-spacing:0.44px;transition:background-color .3s, color .3s;color:#fff;background-color:#f29110}.btn:hover{color:#fff;background-color:#dd830c;border-color:#dd830c}.btn.btn-secondary{background:transparent;color:#f29110}.btn.btn-secondary:hover{color:#fff;background-color:#f29110}@media (min-width: 768px){.btn{padding:1.8rem 3rem}}.overlay{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.7);display:none;top:0;z-index:5}.overlay.lock{display:block}@media (min-width: 768px){.overlay.lock{display:none}}.hamb{position:relative;width:2.5rem;height:2rem;transition:transform 750ms ease-in-out}.hamb .inner,.hamb::before,.hamb::after{content:'';position:absolute;width:2.5rem;height:0.2rem;background:#ccc;transform-origin:100% 50%;transition:all 750ms ease-in-out}.hamb::before{top:-0.1rem}.hamb .inner{top:0.9rem}.hamb::after{bottom:0}header{position:absolute;top:0;left:0;margin:0 auto;width:100%;padding:0;z-index:7;background:#fff}header.content{height:8.6rem;background:#fff}header article{display:block;width:100%;margin:0 auto;position:fixed}header article.open{z-index:10;height:100%}header article.open h2,header article.open ul{transform:translateX(0)}header article.open .hamb{transform:rotateY(-180deg)}header article.open .hamb::before,header article.open .hamb::after{background:#29252f}header article.open .hamb::before{transform:translate3d(-4px, 1px, 0) rotateZ(-45deg)}header article.open .hamb::after{transform:translate3d(-4px, -1px, 0) rotateZ(45deg)}header article.open .hamb .inner{transform:rotateY(-90deg);transition:transform 375ms, background-color 750ms ease-in-out, -webkit-transform 375ms}header h2,header ul{transform:translateX(100%);transition:transform .4s, -webkit-transform .4s;background-color:#fff}header h2{padding:2.5rem 1.5rem;border-bottom:0.1rem solid #d9d9d9}header h2 a{display:block;width:21rem;height:3.5rem;overflow:hidden;text-indent:-999rem;background-color:rgba(0,0,0,0);background-image:url("../assets/svg/logo.svg"),none;background-position:left top;background-repeat:no-repeat;background-size:cover}header ul{height:calc(100vh - 8.6rem);margin:0;width:100%;position:absolute;top:8.6rem;padding:0 2.5rem}header ul li{display:block;margin:0.2rem 0}header ul li a{color:#8e99a8;padding:1rem 0}header ul li a .select{color:#505d6e}header ul li:nth-child(5) a{display:block;width:4rem;height:4rem;overflow:hidden;text-indent:-999rem;background-color:rgba(0,0,0,0);background-image:url("../assets/svg/github.svg"),none;background-position:left bottom;background-repeat:no-repeat;background-size:cover}header .btn_hamb{position:absolute;top:2.5rem;right:1.5rem;z-index:1;transition:background 750ms ease-in-out;user-select:none;cursor:pointer}header.content article h2{transform:translateX(0)}@media (min-width: 768px){header{padding:1rem 0;height:auto;overflow:auto;background:transparent}header .btn_hamb{display:none}header h2{display:none}header article{position:relative;width:88rem;padding:0 1.5rem}header article ul{position:relative;width:auto;height:auto;background:transparent;top:auto;transform:translateX(0);display:flex;flex-direction:row;align-items:center;justify-content:center}header article ul li{display:inline-block;margin:0 17px}header article ul li a{font-size:15px;transition:color .3s;color:rgba(255,255,255,0.8);transform:perspective(1px) translateZ(0)}header article ul li a::before{content:'';position:absolute;z-index:-1;left:50%;right:50%;bottom:0;background:#fff;height:2px;transition-property:left, right;transition-duration:0.3s;transition-timing-function:ease-out}header article ul li a.select,header article ul li a:hover,header article ul li a:focus,header article ul li a:active{color:#fff}header article ul li a.select::before,header article ul li a:hover::before,header article ul li a:focus::before,header article ul li a:active::before{left:0;right:0}header article ul li a.select{cursor:default;pointer-events:none;user-select:none}header article ul li:nth-child(5) a{width:2rem;height:2rem;padding:0;background-position:left top}header article.open ul{transform:translateX(0)}header.content{height:9.2rem;overflow:hidden;box-shadow:0 2px 5px rgba(0,0,0,0.2)}header.content article{display:flex;align-items:center}header.content article ul{width:57rem;display:flex}header.content article ul li a{color:#8e99a8}header.content article ul li a::before{background:#8e99a8}header.content article ul li:nth-child(5) a{background-position:left bottom}header.content h2{display:inline-block;border:none;transform:translateX(0)}}@media (min-width: 992px){header{transform:perspective(1px) translateZ(0)}}.submenu{display:block;position:fixed;top:0;left:0;transform:translateX(-100%);width:100%;height:100vh;overflow-y:auto;background-color:#f7f8fb;z-index:99;padding:0 1.5rem;transition:transform .4s}.submenu.open{transform:translateX(0)}.submenu ul{padding:2rem 0 0 0;margin:0}.submenu ul>li{list-style-type:none;padding-left:0;text-align:left}.submenu ul>li a{text-decoration:none;font-size:1.2rem;color:#757c8b;padding:4px 0;display:block;transition:color .2s}.submenu ul>li a.selected{color:#4a5366;font-weight:600}.submenu ul>li a:hover{color:#4a5366}.submenu ul>li ul{padding:0 0 0 2rem}@media (min-width: 768px){.submenu{transform:translate3d(0, 0, 0);height:auto;position:relative;z-index:0;padding:4rem 1rem 1rem 1rem;width:30%;flex:1 0 auto}.submenu div{max-width:14rem;position:fixed;right:2rem}.submenu ul{padding:0}}.btn_submenu{display:flex;align-items:center;justify-content:center;position:fixed;top:auto;right:1.5rem;bottom:2rem;padding:0.5rem;width:5.6rem;height:5.6rem;box-shadow:0 4px 8px rgba(0,0,0,0.25);border-radius:0.2rem;background-color:#f29110;z-index:100}.btn_submenu .hamb .inner,.btn_submenu .hamb::before,.btn_submenu .hamb::after{background:#fff}@media (min-width: 992px){.btn_submenu{display:none}}.s_01{background:#5389c4;height:auto;position:relative;display:grid;overflow:hidden}.s_01::before{content:'';display:block;position:absolute;width:100%;height:100%;top:3rem;opacity:.5;z-index:1;background-color:rgba(0,0,0,0);background-image:url("../assets/svg/idea.svg"),none;background-position:left top;background-repeat:no-repeat;background-size:contain}.s_01 article{margin:auto;text-align:left;z-index:2;padding:1.5rem}.s_01 h1{width:21rem;height:3.5rem;overflow:hidden;text-indent:-999rem;background-color:rgba(0,0,0,0);background-image:url("../assets/svg/logo.svg"),none;background-position:left bottom;background-repeat:no-repeat;background-size:cover}.s_01 p{margin:2rem 0;color:#d2d5df}.s_01 p a{color:#fff;font-weight:600}.s_01 .button_group .btn{display:block;width:100%}.s_01 .button_group .btn:last-child{margin:2rem 0 0 0}@media (min-width: 768px){.s_01{height:32rem}.s_01::before{top:0.4rem;opacity:.5}.s_01 article{width:82%}.s_01 h1{width:46rem;height:6.5rem}.s_01 .button_group .btn{display:inline-block;width:auto}.s_01 .button_group .btn:last-child{margin:0}}@media (min-width: 992px){.s_01::before{opacity:.6}.s_01 article{width:85%}}@media (min-width: 1200px){.s_01 article{width:75%}}.s_content{padding:2rem 1.5rem;color:#44505f;border-bottom:0.1rem solid #d2d5df}.s_content img{margin:0 0 2rem 0}.s_content h2{margin:0 0 2rem 0}.s_content h2 span{display:block;margin:0 0 1rem 0;color:#d2d5df}.s_content h3{margin:0 0 2rem 0;line-height:3.2rem}.s_content p{line-height:1.8;margin:0 0 2rem 0}.s_content ul{margin:0 0 2rem 0}.s_content ul li{position:relative;padding:0 0 0 2rem;line-height:1.8;margin:0 0 0.5rem 0}.s_content ul li::before{content:'';position:absolute;display:block;left:0;top:0.8rem;height:1rem;width:1rem;background:#dd830c}.s_content .tablelist_head{margin:0;padding:0 0 0.5rem 0;border-bottom:0.1rem solid #dd830c;display:flex}.s_content .tablelist_head li{width:50%;padding:0}.s_content .tablelist_head li::before{display:none}.s_content .tablelist_body{margin:0;padding:1rem 0 0 0}.s_content .tablelist_body li{padding:0}.s_content .tablelist_body li::before{display:none}.s_content .tablelist_body .tablelist_item{display:flex;align-items:center}.s_content .tablelist_body .tablelist_item li{width:50%}.s_content a{text-transform:uppercase}@media (min-width: 768px){.s_content{width:90%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.s_content article{width:49%;padding:2rem}.s_content.type_1 article:nth-child(1){order:2}.s_content.type_1 article:nth-child(2){order:1}.s_content.type_2 article:nth-child(1){width:100%}.s_content.type_2b article:nth-child(1){width:100%;order:1}.s_content.type_2b article:nth-child(2){order:3}.s_content.type_2b article:nth-child(3){order:2}}@media (min-width: 1200px){.s_content{width:114rem}}.s_list{margin:2rem 0;padding:2rem 1.5rem;color:#44505f}.s_list h2{margin:0 0 2rem 0;text-align:center}.s_list h2 span{display:block;margin:0 0 1rem 0;color:#d2d5df}.s_list h4{margin:0 0 1rem 0;line-height:3.2rem}.s_list p{line-height:1.8;margin:0 0 1rem 0}.s_list a{text-transform:uppercase}.s_list ul li{display:block;padding:1.5rem;border-radius:4px;border:0.1rem solid #d2d5df;height:100%;margin:0 0 2rem 0;position:relative;transition:border .3s, box-shadow .3s}.s_list ul li:last-child{margin:0}.s_list ul li:hover{border-color:transparent;box-shadow:0 4px 10px rgba(210,213,223,0.9)}.s_list ul li ul{margin:2rem 0 0 0;bottom:0.5rem}.s_list ul li li{border:none;display:inline-block;margin:0 1rem 0 0;padding:0;overflow:hidden;width:auto}.s_list ul li li:hover{border-color:transparent;box-shadow:none}.s_list ul li li a{display:block;overflow:hidden}@media (min-width: 768px){.s_list{width:90%;margin:0 auto}.s_list h4{font-size:2rem}.s_list p{font-size:1.6rem}.s_list ul{display:flex;flex-wrap:wrap;justify-content:space-between}.s_list ul li{width:49%;height:auto}.s_list ul ul{display:block}}@media (min-width: 1200px){.s_list{width:114rem}}.docs{padding:9rem 1rem 1rem 1rem}.docs h1,.docs h2,.docs h3{margin:0 0 1rem 0}.docs p{margin:1rem 0;color:#44505f;line-height:2}.docs ol,.docs ul{margin:0 0 1rem 0}.docs ol li,.docs ul li{color:#44505f;line-height:2;margin:0 0 1rem 0}.docs ol{padding:0 2rem}.docs ol li{list-style-type:decimal}.docs ul li{padding:0 2rem 0 2rem;margin:0 0 1rem 0.5rem;position:relative}.docs ul li::before{content:"";position:absolute;top:11px;left:0;width:3px;height:3px;border-radius:50%;background-color:#44505f}.docs .table_content{overflow-x:auto;margin:1rem 0}.docs .table_content table{display:block;width:100%}.docs .table_content table tr{background:#fff;border-top:1px solid #8e99a8}.docs .table_content table tr:nth-child(2n){background:#f5f6f7}.docs .table_content table th,.docs .table_content table td{border:1px solid #d2d5df;padding:6px 13px;vertical-align:middle}.docs pre{padding:0;border-radius:0.5rem;box-shadow:none;margin:0 0 1rem 0}.docs pre::after{display:none}.docs pre::before{display:none}@media (min-width: 768px){.docs{padding:4rem 1rem 1rem 4rem;width:70%}}pre{width:100%;position:relative;padding:2.2rem 0 0 0;margin:0 0 2rem 0;overflow-y:visible !important;overflow-x:auto;font-family:monospace;border:none;box-shadow:2px 9px 23px -6px rgba(0,0,0,0.75);border-radius:0 0 0.8rem 0.8rem;white-space:initial}pre::before{position:absolute;content:"";top:0;left:0;height:2.2rem;width:100%;border-radius:0.8rem 0.8rem 0 0;background:linear-gradient(to bottom, #f6f6f6 0%, #ebebeb 1%, #d3d3d3 100%);border-bottom:0.1rem solid #a0a0a0}pre::after{position:absolute;content:"";top:0.5rem;left:0.8rem;width:5.3rem;height:1.3rem;background-color:rgba(0,0,0,0);background-image:url("../assets/svg/system_shell.svg"),none;background-position:left top;background-repeat:no-repeat;background-size:initial;z-index:2}pre code{white-space:pre;margin:0;border:none;display:block;overflow-x:auto;background:#282923;color:#ccc;padding:1rem}.hljs-comment,.hljs-quote{color:#999999}.hljs-variable,.hljs-template-variable,.hljs-tag,.hljs-name,.hljs-selector-id,.hljs-selector-class,.hljs-regexp,.hljs-deletion{color:#f2777a}.hljs-number,.hljs-built_in,.hljs-builtin-name,.hljs-literal,.hljs-type,.hljs-params,.hljs-meta,.hljs-link{color:#f99157}.hljs-attribute{color:#ffcc66}.hljs-string,.hljs-symbol,.hljs-bullet,.hljs-addition{color:#99cc99}.hljs-title,.hljs-section{color:#6699cc}.hljs-keyword,.hljs-selector-tag{color:#cc99cc}.hljs{display:block;overflow-x:auto;background:#2d2d2d;color:#cccccc}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}footer{background:#262b33;padding:0 1.5rem 3rem 1.5rem;overflow:hidden}footer::before{content:'';display:block;width:21rem;height:3.5rem;overflow:hidden;background-color:rgba(0,0,0,0);background-image:url("../assets/svg/logo.svg"),none;background-position:left bottom;background-repeat:no-repeat;background-size:cover;margin:1rem auto}@media (min-width: 992px){footer .logo{width:16rem;height:5rem}} diff --git a/src/sass/modules/_docs.scss b/src/sass/modules/_docs.scss index 68ea91f..fa6d31e 100644 --- a/src/sass/modules/_docs.scss +++ b/src/sass/modules/_docs.scss @@ -14,7 +14,8 @@ } h2{ - @extend %head_type3; + @extend %head_type3; + @extend %fontbold; } h3{