Init
This commit is contained in:
164
Prefab.Web/wwwroot/template/documentation/css/style.css
Normal file
164
Prefab.Web/wwwroot/template/documentation/css/style.css
Normal file
@@ -0,0 +1,164 @@
|
||||
html, body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: "Roboto", sans-serif;
|
||||
font-size: 15px;
|
||||
line-height: 1;
|
||||
color: #262626;
|
||||
}
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
td, th {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.docs-markup {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.docs-nav {
|
||||
position: fixed;
|
||||
background-color: #333;
|
||||
color: #fff;
|
||||
width: 220px;
|
||||
height: 100%;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.docs-nav__logo {
|
||||
padding: 25px 15px 35px;
|
||||
}
|
||||
|
||||
.docs-nav__links {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.docs-nav__link {
|
||||
padding: 10px 15px;
|
||||
display: block;
|
||||
}
|
||||
.docs-nav__link:hover, .docs-nav__link--current {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
.docs-nav__link--current {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.docs-content {
|
||||
margin: 0 auto;
|
||||
height: 100%;
|
||||
width: 640px;
|
||||
}
|
||||
|
||||
.docs-section {
|
||||
margin: 0;
|
||||
min-height: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 120px 0;
|
||||
}
|
||||
|
||||
.docs-section__title {
|
||||
margin: 0 0 50px;
|
||||
font-size: 42px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.docs-typography {
|
||||
font-size: 16px;
|
||||
line-height: 1.625;
|
||||
position: relative;
|
||||
}
|
||||
.docs-typography a {
|
||||
color: #e8175d;
|
||||
}
|
||||
.docs-typography figure {
|
||||
margin: 45px 0;
|
||||
}
|
||||
.docs-typography figure img {
|
||||
display: block;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.docs-typography figure figcaption {
|
||||
margin-top: 15px;
|
||||
text-align: center;
|
||||
font-size: 13px;
|
||||
color: #808080;
|
||||
}
|
||||
.docs-typography code:not(.hljs) {
|
||||
padding: 0 4px;
|
||||
border-radius: 1.5px;
|
||||
background-color: #ebebeb;
|
||||
color: #595959;
|
||||
}
|
||||
.docs-typography pre code:not(.hljs) {
|
||||
display: block;
|
||||
font-size: 13px;
|
||||
background-color: #ebebeb;
|
||||
border-radius: 1.5px;
|
||||
color: #595959;
|
||||
padding: 4px 10px;
|
||||
}
|
||||
.docs-typography code.hljs {
|
||||
background-color: #f5f5f5;
|
||||
font-size: 13px;
|
||||
border-radius: 1.5px;
|
||||
padding: 4px 10px;
|
||||
}
|
||||
.docs-typography table, .docs-typography td, .docs-typography th {
|
||||
border: 1px solid #d9d9d9;
|
||||
}
|
||||
.docs-typography th {
|
||||
background-color: #f2f2f2;
|
||||
}
|
||||
.docs-typography td, .docs-typography th {
|
||||
padding: 6px 14px;
|
||||
}
|
||||
|
||||
.docs-alert {
|
||||
background-color: #bfdaff;
|
||||
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
|
||||
border-radius: 2px;
|
||||
padding: 10px 15px 9px 15px;
|
||||
color: #566273;
|
||||
margin: 20px 0;
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.docs-meta {
|
||||
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
|
||||
border-radius: 2px;
|
||||
padding: 10px 18px 9px 18px;
|
||||
margin: 20px 0;
|
||||
font-size: 14px;
|
||||
line-height: 24px;
|
||||
list-style: none;
|
||||
background-color: #ebebeb;
|
||||
color: #595959;
|
||||
}
|
||||
|
||||
.docs-logo {
|
||||
fill: #fff;
|
||||
}
|
||||
|
||||
.docs-logo__accent {
|
||||
fill: #ff4c79;
|
||||
}
|
||||
/*# sourceMappingURL=style.css.map */
|
||||
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["style.scss","_docs-markup.scss","_docs-nav.scss","_docs-content.scss","_docs-section.scss","_docs-typography.scss","_docs-alert.scss","_docs-meta.scss","_docs-logo.scss"],"names":[],"mappings":"AAAA;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;ACxBJ;EACI;;;ACDJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;;;AAEJ;EACI;EACA;EACA;;;AAEJ;EACI;EACA;;AAEA;EAII;;AAEJ;EACI;;;AC3BR;EACI;EACA;EACA;;;ACHJ;EACI;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;;;ACLJ;EACI,WAHQ;EAIR;EACA;;AAEA;EACI;;AAGJ;EACI;;AAEA;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;;AAIA;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;;ACjER;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACRJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;;ACVJ;EACI;;;AAEJ;EACI","file":"style.css","sourcesContent":["html, body {\r\n margin: 0;\r\n padding: 0;\r\n height: 100%;\r\n}\r\n\r\nbody {\r\n font-family: 'Roboto', sans-serif;\r\n font-size: 15px;\r\n line-height: 1;\r\n color: #262626;\r\n}\r\n\r\na {\r\n color: inherit;\r\n text-decoration: none;\r\n}\r\n\r\ntable {\r\n border-collapse: collapse;\r\n}\r\n\r\ntd, th {\r\n padding: 0;\r\n margin: 0;\r\n}\r\n\r\n@import 'docs-markup';\r\n@import 'docs-nav';\r\n@import 'docs-content';\r\n@import 'docs-section';\r\n@import 'docs-typography';\r\n@import 'docs-alert';\r\n@import 'docs-meta';\r\n@import 'docs-logo';",".docs-markup {\r\n height: 100%;\r\n}",".docs-nav {\r\n position: fixed;\r\n background-color: #333;\r\n color: #fff;\r\n width: 220px;\r\n height: 100%;\r\n overflow-y: auto;\r\n}\r\n.docs-nav__logo {\r\n padding: 25px 15px 35px;\r\n}\r\n.docs-nav__links {\r\n list-style: none;\r\n margin: 0;\r\n padding: 0;\r\n}\r\n.docs-nav__link {\r\n padding: 10px 15px;\r\n display: block;\r\n\r\n &:hover,\r\n &--current {\r\n //background-color: #66ccff;\r\n //text-shadow: 0 1px 3px rgba(#000, .2);\r\n background-color: rgba(#fff, .1);\r\n }\r\n &--current {\r\n cursor: default;\r\n }\r\n}",".docs-content {\r\n margin: 0 auto;\r\n height: 100%;\r\n width: 640px;\r\n}",".docs-section {\r\n margin: 0;\r\n min-height: 100%;\r\n box-sizing: border-box;\r\n padding: 120px 0;\r\n}\r\n.docs-section__title {\r\n margin: 0 0 50px;\r\n font-size: 42px;\r\n font-weight: 500;\r\n}","@use 'sass:math';\r\n\r\n$font-size: 16px;\r\n\r\n.docs-typography {\r\n font-size: $font-size;\r\n line-height: math.div(26px, $font-size);\r\n position: relative;\r\n\r\n a {\r\n color: #e8175d;\r\n }\r\n\r\n figure {\r\n margin: 45px 0;\r\n\r\n img {\r\n display: block;\r\n position: relative;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n }\r\n\r\n figcaption {\r\n margin-top: 15px;\r\n text-align: center;\r\n font-size: 13px;\r\n color: #808080;\r\n }\r\n }\r\n\r\n code:not(.hljs) {\r\n padding: 0 4px;\r\n border-radius: 1.5px;\r\n background-color: #ebebeb;\r\n color: #595959;\r\n }\r\n\r\n pre {\r\n code:not(.hljs) {\r\n display: block;\r\n font-size: 13px;\r\n background-color: #ebebeb;\r\n border-radius: 1.5px;\r\n color: #595959;\r\n padding: 4px 10px;\r\n }\r\n }\r\n\r\n code.hljs {\r\n background-color: #f5f5f5;\r\n font-size: 13px;\r\n border-radius: 1.5px;\r\n padding: 4px 10px;\r\n }\r\n\r\n table, td, th {\r\n border: 1px solid #d9d9d9;\r\n }\r\n\r\n th {\r\n background-color: #f2f2f2;\r\n }\r\n\r\n td, th {\r\n padding: 6px 14px;\r\n }\r\n}\r\n",".docs-alert {\r\n background-color: #bfdaff;\r\n box-shadow: inset 0 0 0 1px rgba(#000, .1);\r\n border-radius: 2px;\r\n padding: 10px 15px 9px 15px;\r\n color: #566273;\r\n margin: 20px 0;\r\n font-size: 14px;\r\n line-height: 20px;\r\n}\r\n.docs-alert--info {\r\n\r\n}\r\n.docs-alert--warning {\r\n\r\n}",".docs-meta {\r\n box-shadow: inset 0 0 0 1px rgba(#000, .1);\r\n border-radius: 2px;\r\n padding: 10px 18px 9px 18px;\r\n margin: 20px 0;\r\n font-size: 14px;\r\n line-height: 24px;\r\n list-style: none;\r\n\r\n background-color: #ebebeb;\r\n color: #595959;\r\n}",".docs-logo {\r\n fill: #fff;\r\n}\r\n.docs-logo__accent {\r\n fill: #ff4c79;\r\n}"]}
|
||||
Reference in New Issue
Block a user