schtobia/flex
1
0
Fork 0
Code Issues Pull requests Activity

Update docs

Browse source
This commit is contained in:
Alexandre Vicenzi 2020-04-20 23:38:29 +02:00
parent 533bc1760e
commit 8e4a88edde
131 changed files with 17402 additions and 4778 deletions
Download patch file Download diff file Expand all files Collapse all files

144
docs/blog/theme/stylesheet/style.less
View file

@ -119,22 +119,21 @@ main {
nav {
text-align: center;
text-transform: uppercase;
font-size: .72em;
padding: 14px 0 14px 0;
border-bottom: @nav-border-color 1px solid;
// Need to use font-size of 0 so that whitespace between the <a> tags
// doesn't have an affect on alignment.
font-size: 0;
}
nav, .translations {
a {
padding: 0 4px 0 4px;
border-left: @nav-border-color 1px solid;
font-size: 12px;
padding: 0 4px;
border-right: @nav-border-color 1px solid;
}
:first-child {
border-left: none;
}
:last-child {
border-right: none;
}
@ -270,6 +269,12 @@ main {
}
}
}
// Add a bit of padding between each of the entry boxes in the Isso auth
// section. By default, they are squished together, which looks terrible.
section#isso-thread .auth-section .input-wrapper {
margin-right: 5px;
}
}
footer {
@ -283,6 +288,11 @@ main {
color: @footer-text-color;
font-size: 11px;
}
// Flex credits and theme selection separator
span.footer-separator {
margin: 0 6px;
}
}
}
@ -304,7 +314,8 @@ main {
}
}
a.btn {
a.btn,
section#isso-thread section.auth-section p.post-action input {
background-color: @btn-bg;
padding: .6em .6em;
font-size: .8em;
@ -313,6 +324,7 @@ a.btn {
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border: none;
border-radius: .25em;
}
@ -482,9 +494,18 @@ ul.social {
background-color: @mastodon-bg-color;
}
a.sc-diaspora {
color: @diaspora-color;
background-color: @diaspora-bg-color;
}
a.sc-flickr {
background-color: @flickr-bg-color;
}
a.sc-lastfm {
background-color: @lastfm-bg-color;
}
}
.ads-aside {
@ -562,3 +583,110 @@ ul.social {
height: 90px;
}
}
// Admonition
div.admonition {
margin-bottom: 2.5rem;
border-radius: 4px;
padding: 0.5em 1.25em 1.25em 1.25em;
p.admonition-title::before {
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
font-family: "Font Awesome 5 Free";
}
p.admonition-title {
font-weight: 600;
line-height: 1.25em;
margin-bottom: 1.25em;
margin-top: inherit;
}
p, div, pre {
margin-bottom: 0;
}
}
div.admonition.attention {
p.admonition-title::before {
content: @admonition-attention-icon;
}
color: @admonition-attention-color;
background-color: @admonition-attention-bg-color;
}
div.admonition.caution {
p.admonition-title::before {
content: @admonition-caution-icon;
}
color: @admonition-caution-color;
background-color: @admonition-caution-bg-color;
}
div.admonition.danger {
p.admonition-title::before {
content: @admonition-danger-icon;
}
color: @admonition-danger-color;
background-color: @admonition-danger-bg-color;
}
div.admonition.error {
p.admonition-title::before {
content: @admonition-error-icon;
}
color: @admonition-error-color;
background-color: @admonition-error-bg-color;
}
div.admonition.hint {
p.admonition-title::before {
content: @admonition-hint-icon;
}
color: @admonition-hint-color;
background-color: @admonition-hint-bg-color;
}
div.admonition.important {
p.admonition-title::before {
content: @admonition-important-icon;
}
color: @admonition-important-color;
background-color: @admonition-important-bg-color;
}
div.admonition.note {
p.admonition-title::before {
content: @admonition-note-icon;
}
color: @admonition-note-color;
background-color: @admonition-note-bg-color;
}
div.admonition.tip {
p.admonition-title::before {
content: @admonition-tip-icon;
}
color: @admonition-tip-color;
background-color: @admonition-tip-bg-color;
}
div.admonition.warning {
p.admonition-title::before {
content: @admonition-warning-icon;
}
color: @admonition-warning-color;
background-color: @admonition-warning-bg-color;
}