mirror of
https://github.com/ilyakooo0/urbit.git
synced 2024-12-01 20:04:09 +03:00
docs lists, &c
This commit is contained in:
Galen Wolfe-Pauly
parent
16442b8991
commit
f66da116a6
@ -29,7 +29,7 @@ div.logo:before {
|
||||
color: #FFFFFF;
|
||||
font-size: 4rem;
|
||||
vertical-align: middle;
|
||||
line-height: 4rem;
|
||||
line-height: 3rem;
|
||||
margin-top: .2rem;
|
||||
text-align: center;
|
||||
width: 2rem;
|
||||
@ -375,8 +375,7 @@ div.logo.inverse:before {
|
||||
content: "~";
|
||||
color: #fff;
|
||||
line-height: .8rem;
|
||||
font-size: 1.4rem;
|
||||
padding-left: 1px; }
|
||||
font-size: 1.4rem; }
|
||||
|
||||
@media (max-width: 991px) {
|
||||
[data-path^='/docs'] .home:before,
|
||||
@ -507,31 +506,36 @@ div.logo.inverse:before {
|
||||
border-color: #fff; }
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.urbit.home.navbar.ctrl .icon .home {
|
||||
display: none; }
|
||||
.urbit.navbar.ctrl {
|
||||
height: auto;
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
border: none; }
|
||||
.urbit.navbar.ctrl .icon {
|
||||
margin-top: .5rem;
|
||||
margin-top: 1rem;
|
||||
margin-bottom: .5rem; }
|
||||
.urbit.navbar.ctrl .icon .home {
|
||||
display: none; }
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin: 0 1rem 0 0; }
|
||||
.urbit.navbar.ctrl .icon .home:before {
|
||||
font-size: 1.6rem;
|
||||
line-height: 1.8rem;
|
||||
width: 1.6rem; }
|
||||
font-size: 1rem;
|
||||
line-height: .7rem;
|
||||
width: .6rem; }
|
||||
.urbit.navbar.ctrl .icon .navbar-toggler {
|
||||
margin-left: 0; }
|
||||
.urbit.navbar.ctrl .icon .navbar-toggler,
|
||||
.urbit.navbar.ctrl .icon .open .navbar-toggler {
|
||||
opacity: 1; }
|
||||
.urbit.navbar.ctrl .navbar-toggler {
|
||||
margin-top: .5rem;
|
||||
margin-left: 0; }
|
||||
.urbit.navbar.ctrl ul.nav,
|
||||
.urbit.navbar.ctrl .subnav ul.nav {
|
||||
overflow: visible;
|
||||
background-color: #fff;
|
||||
height: auto;
|
||||
margin-left: 0;
|
||||
margin-left: -1rem;
|
||||
padding-left: 1rem;
|
||||
padding-top: .8rem;
|
||||
float: left; }
|
||||
.urbit.navbar.ctrl ul.nav li,
|
||||
@ -596,6 +600,26 @@ div.logo.inverse:before {
|
||||
border-bottom: 2px solid #55595c;
|
||||
margin-left: .6rem; }
|
||||
|
||||
ol {
|
||||
counter-reset: li;
|
||||
list-style: none;
|
||||
padding-left: 2rem; }
|
||||
|
||||
ol > li {
|
||||
margin-bottom: 2rem; }
|
||||
|
||||
.top ol {
|
||||
padding-left: 0; }
|
||||
|
||||
ol > li:before {
|
||||
content: counter(li) ".";
|
||||
counter-increment: li;
|
||||
text-align: left;
|
||||
font-weight: 500;
|
||||
float: left;
|
||||
margin-right: 1rem;
|
||||
margin-left: -2rem; }
|
||||
|
||||
.body[data-path^='/docs'] h1,
|
||||
.body[data-path^='/work'] h1 {
|
||||
color: #000; }
|
||||
@ -667,7 +691,7 @@ div.logo.inverse:before {
|
||||
text-decoration: none;
|
||||
border: 3px solid #000;
|
||||
letter-spacing: 0;
|
||||
margin-right: 1rem; }
|
||||
margin: 0 1rem 1rem 0; }
|
||||
.body .urbit button.submit:hover,
|
||||
.body .urbit .btn.black:hover {
|
||||
background-color: #000;
|
||||
@ -713,10 +737,7 @@ div.logo.inverse:before {
|
||||
.body .urbit .image-fs .text-container .rect {
|
||||
width: 950px; } }
|
||||
.body .urbit .image-fs .text-container .rect {
|
||||
padding: 0 60px 0 60px; }
|
||||
@media (max-width: 767px) {
|
||||
.body .urbit .image-fs .text-container .rect {
|
||||
padding: 0 30px 0 30px; } }
|
||||
padding: 0 30px 0 30px; }
|
||||
.body .urbit .image-fs .text-container .rect.no-header {
|
||||
font-weight: 500;
|
||||
color: #fff;
|
||||
@ -769,8 +790,6 @@ div.logo.inverse:before {
|
||||
text-decoration: none;
|
||||
font-size: 2rem;
|
||||
font-weight: 500; }
|
||||
.body .urbit p.email {
|
||||
margin-top: 1rem; }
|
||||
.body .urbit input.email {
|
||||
font-weight: 500;
|
||||
background-color: #000;
|
||||
@ -803,25 +822,43 @@ div.logo.inverse:before {
|
||||
padding-top: 0;
|
||||
padding-bottom: 1rem;
|
||||
margin-bottom: 0; }
|
||||
.body .urbit .fade-out {
|
||||
background: -webkit-linear-gradient(top, rgba(153, 153, 153, 0) 0%, white 100%);
|
||||
background: linear-gradient(to bottom, rgba(153, 153, 153, 0) 0%, white 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00999999', endColorstr='#ffffff',GradientType=0 );
|
||||
margin-top: -14rem;
|
||||
position: absolute;
|
||||
height: 12rem;
|
||||
width: 100%; }
|
||||
.body .urbit .grams {
|
||||
margin: 2rem 0; }
|
||||
.body .urbit .grams .gram label {
|
||||
background-color: #000; }
|
||||
.body .urbit .grams .gram .speech {
|
||||
font-size: 1.6rem; }
|
||||
.body .urbit .grams .gram .iden,
|
||||
.body .urbit .grams .gram .path {
|
||||
max-width: 12rem;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
vertical-align: middle; }
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.body .urbit {
|
||||
margin-top: 4rem; }
|
||||
.body .urbit .slide .pair,
|
||||
.body .urbit .slide .pair .text,
|
||||
.body .urbit .slide .pair .image {
|
||||
display: block;
|
||||
width: 100%; }
|
||||
.body .urbit .slide .pair .image {
|
||||
text-align: center; }
|
||||
.body .urbit .slide .pair .image.left {
|
||||
margin-bottom: 2rem; }
|
||||
.body .urbit .slide .pair .image.right {
|
||||
margin-top: 2rem; }
|
||||
.body .urbit .last .col-md-4 {
|
||||
margin-top: 2rem; }
|
||||
.body .urbit .last .col-md-4.col-md-offset-1 {
|
||||
margin-top: 0; } }
|
||||
.body .urbit .slide .pair,
|
||||
.body .urbit .slide .pair .text,
|
||||
.body .urbit .slide .pair .image {
|
||||
display: block;
|
||||
width: 100%; }
|
||||
.body .urbit .slide .pair .image {
|
||||
text-align: center; }
|
||||
.body .urbit .slide .pair .image.left {
|
||||
margin-bottom: 2rem; }
|
||||
.body .urbit .slide .pair .image.right {
|
||||
margin-top: 2rem; }
|
||||
.body .urbit .last .col-md-4 {
|
||||
margin-top: 2rem; }
|
||||
.body .urbit .last .col-md-4.col-md-offset-1 {
|
||||
margin-top: 0; } }
|
||||
|
||||
@media (max-width: 767px) {
|
||||
#body.plan {
|
||||
@ -1095,6 +1132,10 @@ div.logo.inverse:before {
|
||||
text-decoration: none;
|
||||
border-bottom: 3px solid #000; }
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.urbit ul.blog li {
|
||||
margin-bottom: 6rem; } }
|
||||
|
||||
.kids.runes h1 {
|
||||
padding-top: 3rem; }
|
||||
|
||||
|
||||
@ -950,7 +950,7 @@ module.exports = query({
|
||||
}, 'Error: Empty path'), div({}, pre({}, this.props.path), span({}, 'is either empty or does not exist.')));
|
||||
},
|
||||
renderList: function() {
|
||||
var _date, _k, _keys, author, cont, date, elem, href, i, image, item, k, len, linked, node, parts, path, preview, ref1, ref2, ref3, ref4, ref5, ref6, results, sorted, title, v;
|
||||
var _date, _k, _keys, author, date, elem, href, i, image, item, k, len, linked, node, parts, path, preview, ref1, ref2, ref3, ref4, ref5, ref6, results, sorted, title, v;
|
||||
sorted = true;
|
||||
_keys = [];
|
||||
ref1 = this.props.kids;
|
||||
@ -1002,13 +1002,31 @@ module.exports = query({
|
||||
parts = [];
|
||||
title = null;
|
||||
if ((ref6 = elem.meta) != null ? ref6.title : void 0) {
|
||||
title = {
|
||||
gn: 'h1',
|
||||
ga: {
|
||||
className: 'title'
|
||||
},
|
||||
c: [elem.meta.title]
|
||||
};
|
||||
if (this.props.dataType === 'post') {
|
||||
title = {
|
||||
gn: 'a',
|
||||
ga: {
|
||||
href: href
|
||||
},
|
||||
c: [
|
||||
{
|
||||
gn: 'h1',
|
||||
ga: {
|
||||
className: 'title'
|
||||
},
|
||||
c: [elem.meta.title]
|
||||
}
|
||||
]
|
||||
};
|
||||
} else {
|
||||
title = {
|
||||
gn: 'h1',
|
||||
ga: {
|
||||
className: 'title'
|
||||
},
|
||||
c: [elem.meta.title]
|
||||
};
|
||||
}
|
||||
}
|
||||
if (!title && elem.head.c.length > 0) {
|
||||
title = elem.head;
|
||||
@ -1041,10 +1059,18 @@ module.exports = query({
|
||||
if (this.props.dataType === 'post') {
|
||||
if (elem.meta.image) {
|
||||
image = {
|
||||
gn: 'img',
|
||||
gn: 'a',
|
||||
ga: {
|
||||
src: elem.meta.image
|
||||
}
|
||||
href: href
|
||||
},
|
||||
c: [
|
||||
{
|
||||
gn: 'img',
|
||||
ga: {
|
||||
src: elem.meta.image
|
||||
}
|
||||
}
|
||||
]
|
||||
};
|
||||
parts.push(image);
|
||||
}
|
||||
@ -1078,15 +1104,6 @@ module.exports = query({
|
||||
};
|
||||
parts.push(author);
|
||||
}
|
||||
cont = {
|
||||
gn: 'a',
|
||||
ga: {
|
||||
className: 'continue',
|
||||
href: href
|
||||
},
|
||||
c: ['Read more']
|
||||
};
|
||||
parts.push(cont);
|
||||
linked = true;
|
||||
}
|
||||
}
|
||||
@ -2110,7 +2127,7 @@ module.exports = query({
|
||||
}, a({
|
||||
className: "nav-link",
|
||||
href: href,
|
||||
onClick: _this.props.toggleNav
|
||||
onClick: _this.props.closeNav
|
||||
}, head));
|
||||
};
|
||||
})(this)));
|
||||
|
||||
Loading…
Reference in New Issue
Block a user