-
Notifications
You must be signed in to change notification settings - Fork 21
Expand file tree
/
Copy pathapplication.css
More file actions
1 lines (1 loc) · 5.96 KB
/
application.css
File metadata and controls
1 lines (1 loc) · 5.96 KB
1
.l-cover__inner{width:100%;max-width:1080px;margin:0 auto}.glyph__item:after{display:block;visibility:hidden;clear:both;height:0;content:'.';font-size:0}html{-webkit-box-sizing:border-box;box-sizing:border-box}html *,html *:before,html *:after{-webkit-box-sizing:inherit;box-sizing:inherit}body{font-family:"Nunito","Noto Sans JP",sans-serif;background:#fff;margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-weight:400;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:#1ba1ab;text-decoration:none;-webkit-transition:.3s;transition:.3s}a:focus{outline:thin dotted}a:hover,a:active,a:focus{outline:0;text-decoration:none}ul,ol{padding:0;font-family:"Nunito","Noto Sans JP",sans-serif;list-style:none}dl{margin-bottom:2em}dl:last-child{margin-bottom:0}dl dt{margin-bottom:1em;font-weight:bold}dl dd{margin-bottom:1em}dl dd:last-child{margin-bottom:0}iframe{vertical-align:middle}figure{margin:0}img,embed,iframe,object{max-width:100%;line-height:1;border:0}svg:not(:root){overflow:hidden}.l-cover{padding:80px 24px 64px 24px;text-align:center}.l-header{padding:24px;border-bottom:1px solid #f1f1f1}.l-header__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;max-width:1080px;margin:0 auto}.l-main{width:100%;max-width:1080px;margin:0 auto;padding:40px 24px}.button{display:inline-block;text-align:center;padding:0.75rem 1rem 0.8rem 1rem;margin:0 auto 20px auto;border-radius:24px;line-height:1}.button{margin:0 auto 20px auto;text-decoration:none}.button--white{background:#fff;color:#1ba1ab}.button--white:hover{background:#1ba1ab;color:#fff}.button--green{background:#1ba1ab;border:1px solid #1ba1ab;color:#fff}.button--green:hover{background:#fff;color:#1ba1ab}.button--black{background:#3a3a3a;border:1px solid #3a3a3a;color:#fff}.button--black:hover{background:#fff;color:#3a3a3a}.button.download{width:200px;font-weight:600}.button.download:before{display:inline-block;content:"";font:normal normal normal 16px/1 feathericon;font-size:inherit;line-height:1;vertical-align:middle;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-right:5px}.checkList{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;max-width:460px;margin:16px auto 32px auto}.checkList>li{-webkit-box-flex:1;-ms-flex:1 0 100px;flex:1 0 100px;color:rgba(58,58,58,0.8)}.checkList>li:before{display:inline-block;content:"";font:normal normal normal 16px/1 feathericon;font-size:inherit;line-height:1;vertical-align:middle;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-right:8px;color:#2bdade}.menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0}.menu li{margin:0 10px}.menu li a{color:#3a3a3a;font-size:1rem}.menu li a:hover{color:#2bdade}@media screen and (max-width: 40em){.menu{display:none}}.shareButtons{background-color:#f1f1f1}.shareButtons__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;padding:30px 0}.shareButtons__item{margin:0 5px}.siteBrand__title{font-size:24px;margin:0;line-height:1}.siteBrand__title a{display:inline-block;color:#3a3a3a;line-height:1}.siteDescription{margin-top:0;margin-bottom:16px;color:#3a3a3a;font-weight:600;font-size:2rem}.siteinfo{padding:40px 0;background-color:#f1f1f1;text-align:center;color:#9b9b9b}.siteinfo__text{margin-top:0;margin-bottom:10px;line-height:1.1}.siteinfo__text:last-child{margin-bottom:0}.siteinfo__text a{color:#9b9b9b;font-weight:bold}.siteinfo__author:before{display:inline-block;content:"";font:normal normal normal 16px/1 feathericon;font-size:1.1rem;line-height:1;vertical-align:baseline;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0 5px}.s-content pre,.s-content code{border-radius:4px;background-color:#f1f1f1;font-family:Menlo,Consolas,Courier,sans-serif;font-size:12px}.s-content p,.s-content ul,.s-content ol{margin-top:16px;margin-bottom:48px}.s-content{max-width:780px;margin:0 auto;color:#3a3a3a}.s-content__title{margin-top:0;margin-bottom:48px;color:#3a3a3a;font-size:32px}.s-content__heading{line-height:1.2;margin-top:48px;margin-bottom:16px}.s-content__heading--3{font-size:26px;padding-bottom:6px;border-bottom:1px solid #c1c0c1}.s-content p:first-child,.s-content p:last-child{margin-bottom:10px}.s-content ul,.s-content ol{padding-left:20px;line-height:1.2}.s-content ul li,.s-content ol li{margin-bottom:16px}.s-content ul li:last-child,.s-content ol li:last-child{margin-bottom:0}.s-content ol{list-style:decimal}.s-content ul{list-style:disc}.s-content pre{margin:16px 0;padding:16px 20px;line-height:1.6}.s-content code{padding:3px 4px;margin:0 4px;vertical-align:middle;color:red}.glyph{max-width:1080px;margin:0 auto}.glyph__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0;margin:0}.glyph__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 0 200px;flex:1 0 200px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:12px 12px 20px 12px;padding:16px;list-style-type:none;background-color:#f6f6f6;border-radius:8px}.glyph__icon{color:#3a3a3a;font-size:1.8rem;margin-bottom:12px}.glyph__name,.glyph__codepoint{line-height:1}.glyph__name{color:#3a3a3a;font-size:1rem;margin-bottom:8px}.glyph__codepoint{color:rgba(58,58,58,0.6);font-size:0.8rem}