Reindent Less to 2-space (#12602)

Reindent and unify codebase to 2-space indentation.
pull/9096/head^2
silverwind 4 years ago committed by GitHub
parent e90e122b39
commit eb4db0445b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
  1. 22
      .editorconfig
  2. 2
      .stylelintrc
  3. 142
      web_src/less/_admin.less
  4. 1650
      web_src/less/_base.less
  5. 178
      web_src/less/_chroma.less
  6. 332
      web_src/less/_dashboard.less
  7. 68
      web_src/less/_editor.less
  8. 160
      web_src/less/_explore.less
  9. 350
      web_src/less/_form.less
  10. 92
      web_src/less/_home.less
  11. 52
      web_src/less/_install.less
  12. 950
      web_src/less/_markdown.less
  13. 354
      web_src/less/_organization.less
  14. 4820
      web_src/less/_repository.less
  15. 270
      web_src/less/_review.less
  16. 12
      web_src/less/_svg.less
  17. 30
      web_src/less/_tribute.less
  18. 260
      web_src/less/_user.less
  19. 44
      web_src/less/features/animations.less
  20. 466
      web_src/less/features/gitgraph.less
  21. 12
      web_src/less/markdown/mermaid.less
  22. 1426
      web_src/less/themes/theme-arc-green.less

@ -1,28 +1,22 @@
root = true root = true
[*] [*]
indent_style = space
indent_size = 2
tab_width = 2
end_of_line = lf
charset = utf-8 charset = utf-8
insert_final_newline = true
trim_trailing_whitespace = true trim_trailing_whitespace = true
end_of_line = lf insert_final_newline = true
[*.md]
trim_trailing_whitespace = false
[*.{go,tmpl,html}] [*.{go,tmpl,html}]
indent_style = tab indent_style = tab
indent_size = 2
[*.{less,css}]
indent_style = space
indent_size = 4
[*.{js,json,yml}]
indent_style = space
indent_size = 2
[Makefile] [Makefile]
indent_style = tab indent_style = tab
[*.svg] [*.svg]
insert_final_newline = false insert_final_newline = false
[*.md]
trim_trailing_whitespace = false

@ -6,7 +6,7 @@ rules:
color-hex-length: null color-hex-length: null
comment-empty-line-before: null comment-empty-line-before: null
declaration-empty-line-before: null declaration-empty-line-before: null
indentation: 4 indentation: 2
no-descending-specificity: null no-descending-specificity: null
number-leading-zero: never number-leading-zero: never
rule-empty-line-before: null rule-empty-line-before: null

@ -1,93 +1,93 @@
.admin { .admin {
padding-top: 15px; padding-top: 15px;
.table.segment { .table.segment {
padding: 0; padding: 0;
font-size: 13px; font-size: 13px;
&:not(.striped) { &:not(.striped) {
thead { thead {
th:last-child { th:last-child {
padding-right: 5px !important; padding-right: 5px !important;
}
}
}
th {
padding-top: 5px;
padding-bottom: 5px;
} }
}
}
&:not(.select) { th {
th, padding-top: 5px;
td { padding-bottom: 5px;
&:first-of-type { }
padding-left: 15px !important;
}
}
}
form tbody button[type='submit'] { &:not(.select) {
padding: 5px 8px; th,
td {
&:first-of-type {
padding-left: 15px !important;
} }
}
} }
.ui.header, form tbody button[type='submit'] {
.ui.segment { padding: 5px 8px;
box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15);
} }
}
&.user { .ui.header,
.email { .ui.segment {
max-width: 200px; box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15);
} }
}
dl.admin-dl-horizontal { &.user {
padding: 20px; .email {
margin: 0; max-width: 200px;
}
}
dd { dl.admin-dl-horizontal {
margin-left: 275px; padding: 20px;
} margin: 0;
dt { dd {
font-weight: bolder; margin-left: 275px;
float: left;
width: 285px;
clear: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
} }
&.config { dt {
#test-mail-btn { font-weight: bolder;
margin-left: 5px; float: left;
} width: 285px;
clear: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
} }
}
code, &.config {
pre { #test-mail-btn {
white-space: pre-wrap; margin-left: 5px;
word-wrap: break-word;
} }
}
#notice-table { code,
.notice-description { pre {
@media only screen and (max-width: 767px) { white-space: pre-wrap;
max-width: 80vw; word-wrap: break-word;
} }
@media only screen and (max-width: 991px) and (min-width: 768px) {
max-width: 360px; #notice-table {
} .notice-description {
@media only screen and (min-width: 992px) and (max-width: 1199.98px) { @media only screen and (max-width: 767px) {
max-width: 510px; max-width: 80vw;
} }
@media only screen and (min-width: 1200px) { @media only screen and (max-width: 991px) and (min-width: 768px) {
max-width: 640px; max-width: 360px;
} }
} @media only screen and (min-width: 992px) and (max-width: 1199.98px) {
max-width: 510px;
}
@media only screen and (min-width: 1200px) {
max-width: 640px;
}
} }
}
} }

File diff suppressed because it is too large Load Diff

@ -1,377 +1,377 @@
/* Background */ /* Background */
.chroma { .chroma {
background-color: #ffffff; background-color: #ffffff;
} }
/* LineTableTD */ /* LineTableTD */
.chroma .lntd { .chroma .lntd {
vertical-align: top; vertical-align: top;
padding: 0; padding: 0;
margin: 0; margin: 0;
border: 0; border: 0;
} }
/* LineTable */ /* LineTable */
.chroma .lntable { .chroma .lntable {
border-spacing: 0; border-spacing: 0;
padding: 0; padding: 0;
margin: 0; margin: 0;
border: 0; border: 0;
width: auto; width: auto;
overflow: auto; overflow: auto;
display: block; display: block;
} }
/* LineHighlight */ /* LineHighlight */
.chroma .hl { .chroma .hl {
display: block; display: block;
width: 100%; width: 100%;
background-color: #e5e5e5; background-color: #e5e5e5;
} }
/* LineNumbersTable */ /* LineNumbersTable */
.chroma .lnt { .chroma .lnt {
margin-right: .4em; margin-right: .4em;
padding: 0 .4em; padding: 0 .4em;
color: #7f7f7f; color: #7f7f7f;
} }
/* LineNumbers */ /* LineNumbers */
.chroma .ln { .chroma .ln {
margin-right: .4em; margin-right: .4em;
padding: 0 .4em; padding: 0 .4em;
color: #7f7f7f; color: #7f7f7f;
} }
/* Keyword */ /* Keyword */
.chroma .k { .chroma .k {
color: #d73a49; color: #d73a49;
} }
/* KeywordConstant */ /* KeywordConstant */
.chroma .kc { .chroma .kc {
color: #d73a49; color: #d73a49;
} }
/* KeywordDeclaration */ /* KeywordDeclaration */
.chroma .kd { .chroma .kd {
color: #d73a49; color: #d73a49;
} }
/* KeywordNamespace */ /* KeywordNamespace */
.chroma .kn { .chroma .kn {
color: #d73a49; color: #d73a49;
} }
/* KeywordPseudo */ /* KeywordPseudo */
.chroma .kp { .chroma .kp {
color: #d73a49; color: #d73a49;
} }
/* KeywordReserved */ /* KeywordReserved */
.chroma .kr { .chroma .kr {
color: #d73a49; color: #d73a49;
} }
/* KeywordType */ /* KeywordType */
.chroma .kt { .chroma .kt {
color: #445588; color: #445588;
} }
/* NameAttribute */ /* NameAttribute */
.chroma .na { .chroma .na {
color: #d73a49; color: #d73a49;
} }
/* NameBuiltin */ /* NameBuiltin */
.chroma .nb { .chroma .nb {
color: #005cc5; color: #005cc5;
} }
/* NameBuiltinPseudo */ /* NameBuiltinPseudo */
.chroma .bp { .chroma .bp {
color: #999999; color: #999999;
} }
/* NameClass */ /* NameClass */
.chroma .nc { .chroma .nc {
color: #445588; color: #445588;
} }
/* NameConstant */ /* NameConstant */
.chroma .no { .chroma .no {
color: #008080; color: #008080;
} }
/* NameDecorator */ /* NameDecorator */
.chroma .nd { .chroma .nd {
color: #3c5d5d; color: #3c5d5d;
} }
/* NameEntity */ /* NameEntity */
.chroma .ni { .chroma .ni {
color: #6f42c1; color: #6f42c1;
} }
/* NameException */ /* NameException */
.chroma .ne { .chroma .ne {
color: #990000; color: #990000;
} }
/* NameFunction */ /* NameFunction */
.chroma .nf { .chroma .nf {
color: #005cc5; color: #005cc5;
} }
/* NameLabel */ /* NameLabel */
.chroma .nl { .chroma .nl {
color: #990000; color: #990000;
} }
/* NameNamespace */ /* NameNamespace */
.chroma .nn { .chroma .nn {
color: #555555; color: #555555;
} }
/* NameOther */ /* NameOther */
.chroma .nx { .chroma .nx {
color: #24292e; color: #24292e;
} }
/* NameTag */ /* NameTag */
.chroma .nt { .chroma .nt {
color: #22863a; color: #22863a;
} }
/* NameVariable */ /* NameVariable */
.chroma .nv { .chroma .nv {
color: #008080; color: #008080;
} }
/* NameVariableClass */ /* NameVariableClass */
.chroma .vc { .chroma .vc {
color: #008080; color: #008080;
} }
/* NameVariableGlobal */ /* NameVariableGlobal */
.chroma .vg { .chroma .vg {
color: #008080; color: #008080;
} }
/* NameVariableInstance */ /* NameVariableInstance */
.chroma .vi { .chroma .vi {
color: #008080; color: #008080;
} }
/* LiteralString */ /* LiteralString */
.chroma .s { .chroma .s {
color: #032f62; color: #032f62;
} }
/* LiteralStringAffix */ /* LiteralStringAffix */
.chroma .sa { .chroma .sa {
color: #032f62; color: #032f62;
} }
/* LiteralStringBacktick */ /* LiteralStringBacktick */
.chroma .sb { .chroma .sb {
color: #032f62; color: #032f62;
} }
/* LiteralStringChar */ /* LiteralStringChar */
.chroma .sc { .chroma .sc {
color: #032f62; color: #032f62;
} }
/* LiteralStringDelimiter */ /* LiteralStringDelimiter */
.chroma .dl { .chroma .dl {
color: #032f62; color: #032f62;
} }
/* LiteralStringDoc */ /* LiteralStringDoc */
.chroma .sd { .chroma .sd {
color: #032f62; color: #032f62;
} }
/* LiteralStringDouble */ /* LiteralStringDouble */
.chroma .s2 { .chroma .s2 {
color: #032f62; color: #032f62;
} }
/* LiteralStringEscape */ /* LiteralStringEscape */
.chroma .se { .chroma .se {
color: #032f62; color: #032f62;
} }
/* LiteralStringHeredoc */ /* LiteralStringHeredoc */
.chroma .sh { .chroma .sh {
color: #032f62; color: #032f62;
} }
/* LiteralStringInterpol */ /* LiteralStringInterpol */
.chroma .si { .chroma .si {
color: #032f62; color: #032f62;
} }
/* LiteralStringOther */ /* LiteralStringOther */
.chroma .sx { .chroma .sx {
color: #032f62; color: #032f62;
} }
/* LiteralStringRegex */ /* LiteralStringRegex */
.chroma .sr { .chroma .sr {
color: #22863a; color: #22863a;
} }
/* LiteralStringSingle */ /* LiteralStringSingle */
.chroma .s1 { .chroma .s1 {
color: #24292e; color: #24292e;
} }
/* LiteralStringSymbol */ /* LiteralStringSymbol */
.chroma .ss { .chroma .ss {
color: #032f62; color: #032f62;
} }
/* LiteralNumber */ /* LiteralNumber */
.chroma .m { .chroma .m {
color: #009999; color: #009999;
} }
/* LiteralNumberBin */ /* LiteralNumberBin */
.chroma .mb { .chroma .mb {
color: #009999; color: #009999;
} }
/* LiteralNumberFloat */ /* LiteralNumberFloat */
.chroma .mf { .chroma .mf {
color: #009999; color: #009999;
} }
/* LiteralNumberHex */ /* LiteralNumberHex */
.chroma .mh { .chroma .mh {
color: #009999; color: #009999;
} }
/* LiteralNumberInteger */ /* LiteralNumberInteger */
.chroma .mi { .chroma .mi {
color: #009999; color: #009999;
} }
/* LiteralNumberIntegerLong */ /* LiteralNumberIntegerLong */
.chroma .il { .chroma .il {
color: #009999; color: #009999;
} }
/* LiteralNumberOct */ /* LiteralNumberOct */
.chroma .mo { .chroma .mo {
color: #009999; color: #009999;
} }
/* Operator */ /* Operator */
.chroma .o { .chroma .o {
color: #d73a49; color: #d73a49;
} }
/* OperatorWord */ /* OperatorWord */
.chroma .ow { .chroma .ow {
color: #d73a49; color: #d73a49;
} }
/* Comment */ /* Comment */
.chroma .c { .chroma .c {
color: #6a737d; color: #6a737d;
} }
/* CommentHashbang */ /* CommentHashbang */
.chroma .ch { .chroma .ch {
color: #6a737d; color: #6a737d;
} }
/* CommentMultiline */ /* CommentMultiline */
.chroma .cm { .chroma .cm {
color: #999988; color: #999988;
} }
/* CommentSingle */ /* CommentSingle */
.chroma .c1 { .chroma .c1 {
color: #6a737d; color: #6a737d;
} }
/* CommentSpecial */ /* CommentSpecial */
.chroma .cs { .chroma .cs {
color: #999999; color: #999999;
} }
/* CommentPreproc */ /* CommentPreproc */
.chroma .cp { .chroma .cp {
color: #999999; color: #999999;
} }
/* CommentPreprocFile */ /* CommentPreprocFile */
.chroma .cpf { .chroma .cpf {
color: #999999; color: #999999;
} }
/* GenericDeleted */ /* GenericDeleted */
.chroma .gd { .chroma .gd {
color: #000000; color: #000000;
background-color: #ffdddd; background-color: #ffdddd;
} }
/* GenericEmph */ /* GenericEmph */
.chroma .ge { .chroma .ge {
color: #000000; color: #000000;
} }
/* GenericError */ /* GenericError */
.chroma .gr { .chroma .gr {
color: #aa0000; color: #aa0000;
} }
/* GenericHeading */ /* GenericHeading */
.chroma .gh { .chroma .gh {
color: #999999; color: #999999;
} }
/* GenericInserted */ /* GenericInserted */
.chroma .gi { .chroma .gi {
color: #000000; color: #000000;
background-color: #ddffdd; background-color: #ddffdd;
} }
/* GenericOutput */ /* GenericOutput */
.chroma .go { .chroma .go {
color: #888888; color: #888888;
} }
/* GenericPrompt */ /* GenericPrompt */
.chroma .gp { .chroma .gp {
color: #555555; color: #555555;
} }
/* GenericStrong */ /* GenericStrong */
.chroma .gs { .chroma .gs {
font-weight: bold; font-weight: bold;
} }
/* GenericSubheading */ /* GenericSubheading */
.chroma .gu { .chroma .gu {
color: #aaaaaa; color: #aaaaaa;
} }
/* GenericTraceback */ /* GenericTraceback */
.chroma .gt { .chroma .gt {
color: #aa0000; color: #aa0000;
} }
/* GenericUnderline */ /* GenericUnderline */
.chroma .gl { .chroma .gl {
text-decoration: underline; text-decoration: underline;
} }
/* TextWhitespace */ /* TextWhitespace */
.chroma .w { .chroma .w {
color: #bbbbbb; color: #bbbbbb;
} }

@ -1,210 +1,210 @@
.dashboard { .dashboard {
padding-top: 15px; padding-top: 15px;
&.feeds,
&.issues {
.context.user.menu {
z-index: 101;
min-width: 200px;
.ui.header {
font-size: 1rem;
text-transform: none;
}
}
&.feeds, .filter.menu {
&.issues { width: initial;
.context.user.menu {
z-index: 101;
min-width: 200px;
.ui.header { .item {
font-size: 1rem; text-align: left;
text-transform: none;
}
}
.filter.menu { .text {
width: initial; height: 16px;
vertical-align: middle;
.item {
text-align: left;
.text {
height: 16px;
vertical-align: middle;
&.truncate {
width: 75%;
}
}
.floating.label {
top: 7px;
left: 90%;
width: 15%;
@media only screen and (max-width: 768px) {
top: 10px;
left: auto;
width: auto;
right: 13px;
}
}
}
// Sort &.truncate {
.jump.item { width: 75%;
margin: 1px; }
padding-right: 0; }
}
.menu { .floating.label {
max-height: 300px; top: 7px;
overflow-x: auto; left: 90%;
right: 0 !important; width: 15%;
left: auto !important;
}
@media only screen and (max-width: 768px) { @media only screen and (max-width: 768px) {
width: 100%; top: 10px;
} left: auto;
width: auto;
right: 13px;
}
} }
}
.right.stackable.menu > .item.active { // Sort
color: #d9453d; .jump.item {
} margin: 1px;
} padding-right: 0;
}
/* Accomodate for Semantic's 1px hacks on .attached elements */ .menu {
max-height: 300px;
overflow-x: auto;
right: 0 !important;
left: auto !important;
}
.dashboard-repos { @media only screen and (max-width: 768px) {
margin: 0 1px; width: 100%;
}
} }
.dashboard-navbar { .right.stackable.menu > .item.active {
width: 100vw; color: #d9453d;
padding: 0 .5rem;
} }
}
/* Accomodate for Semantic's 1px hacks on .attached elements */
.dashboard-repos {
margin: 0 1px;
}
.dashboard-navbar {
width: 100vw;
padding: 0 .5rem;
}
} }
&.feeds { &.feeds {
.news { .news {
li { li {
display: flex; display: flex;
align-items: baseline; align-items: baseline;
margin-top: .5rem; margin-top: .5rem;
margin-bottom: .5rem; margin-bottom: .5rem;
img { img {
align-self: flex-start; align-self: flex-start;
} }
} }
li > * + * { li > * + * {
margin-left: .35rem; margin-left: .35rem;
} }
line-height: 1.2; line-height: 1.2;
> .ui.grid { > .ui.grid {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
.ui.avatar { .ui.avatar {
margin-top: 13px; margin-top: 13px;
} }
.time-since { .time-since {
font-size: 13px; font-size: 13px;
} }
.issue.title { .issue.title {
width: 80%; width: 80%;
} }
.push.news .content ul { .push.news .content ul {
line-height: 18px; line-height: 18px;
font-size: 13px; font-size: 13px;
list-style: none; list-style: none;
padding-left: 10px; padding-left: 10px;
.text.truncate { .text.truncate {
width: 80%; width: 80%;
} }
} }
.commit-id { .commit-id {
font-family: @monospaced-fonts, monospace; font-family: @monospaced-fonts, monospace;
} }
code { code {
padding: 1px; padding: 1px;
font-size: 85%; font-size: 85%;
background-color: rgba(0, 0, 0, .04); background-color: rgba(0, 0, 0, .04);
border-radius: 3px; border-radius: 3px;
word-break: break-all; word-break: break-all;
} }
}
.list {
.header {
.ui.label {
margin-top: -4px;
padding: 4px 5px;
font-weight: normal;
}
.plus.icon {
margin-top: 5px;
}
} }
.list { ul {
.header { list-style: none;
.ui.label { margin: 0;
margin-top: -4px; padding-left: 0;
padding: 4px 5px;
font-weight: normal;
}
.plus.icon { li {
margin-top: 5px; &:not(:last-child) {
} border-bottom: 1px solid #ebebeb;
} }
ul { &.private {
list-style: none; background-color: #fcf8e9;
margin: 0; }
padding-left: 0;
li {
&:not(:last-child) {
border-bottom: 1px solid #ebebeb;
}
&.private {
background-color: #fcf8e9;
}
a {
padding: 6px 1.2em;
display: block;
.svg { a {
color: #888888; padding: 6px 1.2em;
display: block;
&.rear { .svg {
font-size: 15px; color: #888888;
}
}
.star-num { &.rear {
font-size: 12px; font-size: 15px;
}
}
} }
} }
#privateFilterCheckbox .svg { .star-num {
color: #888888; font-size: 12px;
margin-right: .25rem; }
} }
}
}
.repo-owner-name-list { #privateFilterCheckbox .svg {
.item-name { color: #888888;
max-width: 70%; margin-right: .25rem;
margin-bottom: -4px; }
}
}
#collaborative-repo-list { .repo-owner-name-list {
.owner-and-repo { .item-name {
max-width: 80%; max-width: 70%;
margin-bottom: -5px; margin-bottom: -4px;
} }
}
.owner-name { #collaborative-repo-list {
max-width: 120px; .owner-and-repo {
margin-bottom: -5px; max-width: 80%;
} margin-bottom: -5px;
} }
.owner-name {
max-width: 120px;
margin-bottom: -5px;
}
} }
}
} }

@ -1,75 +1,75 @@
.CodeMirror { .CodeMirror {
font: 14px @monospaced-fonts, monospace; font: 14px @monospaced-fonts, monospace;
&.cm-s-default { &.cm-s-default {
border-radius: 3px; border-radius: 3px;
padding: 0 !important; padding: 0 !important;
} }
.cm-comment { .cm-comment {
background: inherit !important; background: inherit !important;
} }
} }
.repository.file.editor .tab[data-tab="write"] { .repository.file.editor .tab[data-tab="write"] {
padding: 0 !important; padding: 0 !important;
} }
.repository.file.editor .tab[data-tab="write"] .editor-toolbar { .repository.file.editor .tab[data-tab="write"] .editor-toolbar {
border: 0 !important; border: 0 !important;
} }
.repository.file.editor .tab[data-tab="write"] .CodeMirror { .repository.file.editor .tab[data-tab="write"] .CodeMirror {
border-left: 0; border-left: 0;
border-right: 0; border-right: 0;
border-bottom: 0; border-bottom: 0;
} }
.editor-toolbar { .editor-toolbar {
opacity: 1 !important; opacity: 1 !important;
} }
.editor-toolbar a:not(:hover) { .editor-toolbar a:not(:hover) {
background-color: transparent !important; background-color: transparent !important;
} }
.editor-toolbar i.separator { .editor-toolbar i.separator {
border-left: none; border-left: none;
} }
.editor-loading { .editor-loading {
padding: 1rem; padding: 1rem;
text-align: center; text-align: center;
} }
.edit-diff { .edit-diff {
padding: 0 !important; padding: 0 !important;
} }
.edit-diff > div > .ui.table { .edit-diff > div > .ui.table {
border-top: none !important; border-top: none !important;
border-bottom: none !important; border-bottom: none !important;
border-left: 1px solid #d4d4d5 !important; border-left: 1px solid #d4d4d5 !important;
border-right: 1px solid #d4d4d5 !important; border-right: 1px solid #d4d4d5 !important;
} }
#edit_area { #edit_area {
display: none; display: none;
} }
.monaco-editor-container { .monaco-editor-container {
width: 100%; width: 100%;
min-height: 200px; min-height: 200px;
height: 90vh; height: 90vh;
} }
/* overwrite conflicting styles from fomantic */ /* overwrite conflicting styles from fomantic */
.monaco-editor-container .inputarea { .monaco-editor-container .inputarea {
min-height: 0 !important; min-height: 0 !important;
margin: 0 !important; margin: 0 !important;
padding: 0 !important; padding: 0 !important;
resize: none !important; resize: none !important;
border: none !important; border: none !important;
color: transparent !important; color: transparent !important;
background-color: transparent !important; background-color: transparent !important;
} }

@ -1,111 +1,111 @@
.explore { .explore {
padding-top: 15px; padding-top: 15px;
.navbar { .navbar {
justify-content: center; justify-content: center;
padding-top: 15px !important; padding-top: 15px !important;
margin-top: -15px !important; margin-top: -15px !important;
margin-bottom: 15px !important; margin-bottom: 15px !important;
background-color: #fafafa !important; background-color: #fafafa !important;
border-width: 1px !important; border-width: 1px !important;
.svg { .svg {
width: 16px; width: 16px;
text-align: center; text-align: center;
margin-right: 5px; margin-right: 5px;
}
} }
}
} }
.ui.repository.list { .ui.repository.list {
.item { .item {
padding-bottom: 25px; padding-bottom: 25px;
&:not(:first-child) { &:not(:first-child) {
border-top: 1px solid #eeeeee; border-top: 1px solid #eeeeee;
padding-top: 25px; padding-top: 25px;
} }
.ui.header { .ui.header {
font-size: 1.5rem; font-size: 1.5rem;
padding-bottom: 10px; padding-bottom: 10px;
.name { .name {
word-break: break-all; word-break: break-all;
} }
.metas { .metas {
color: #888888; color: #888888;
font-size: 14px; font-size: 14px;
font-weight: normal; font-weight: normal;
span:not(:last-child) { span:not(:last-child) {
margin-right: 5px; margin-right: 5px;
}
}
} }
}
}
.time { .time {
font-size: 12px; font-size: 12px;
color: #808080; color: #808080;
} }
.ui.tags { .ui.tags {
margin-bottom: 1em; margin-bottom: 1em;
} }
.ui.avatar.image { .ui.avatar.image {
width: 24px; width: 24px;
height: 24px; height: 24px;
}
} }
}
} }
.ui.repository.branches { .ui.repository.branches {
.info { .info {
font-size: 12px; font-size: 12px;
color: #808080; color: #808080;
display: flex; display: flex;
white-space: pre; white-space: pre;
.commit-message { .commit-message {
max-width: 72em; max-width: 72em;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
}
}
.overflow-visible {
overflow: visible;
} }
}
.overflow-visible {
overflow: visible;
}
} }
.ui.user.list { .ui.user.list {
.item { .item {
padding-bottom: 25px; padding-bottom: 25px;
&:not(:first-child) { &:not(:first-child) {
border-top: 1px solid #eeeeee; border-top: 1px solid #eeeeee;
padding-top: 25px; padding-top: 25px;
} }
.ui.avatar.image { .ui.avatar.image {
width: 40px; width: 40px;
height: 40px; height: 40px;
} }
.description { .description {
margin-top: 5px; margin-top: 5px;
.svg:not(:first-child) { .svg:not(:first-child) {
margin-left: 5px; margin-left: 5px;
} }
a { a {
color: #333333; color: #333333;
&:hover { &:hover {
text-decoration: underline; text-decoration: underline;
}
}
} }
}
} }
}
} }

@ -1,117 +1,117 @@
.form { .form {
.help { .help {
color: #999999; color: #999999;
padding-top: .6em; padding-top: .6em;
padding-bottom: .6em; padding-bottom: .6em;
display: inline-block; display: inline-block;
} }
} }
.ui.attached.header { .ui.attached.header {
background: #f0f0f0; background: #f0f0f0;
.right { .right {
margin-top: -5px; margin-top: -5px;
.button { .button {
padding: 8px 10px; padding: 8px 10px;
font-weight: normal; font-weight: normal;
}
} }
}
} }
@create-page-form-input-padding: 250px !important; @create-page-form-input-padding: 250px !important;
#create-page-form { #create-page-form {
form { form {
margin: auto; margin: auto;
.ui.message { .ui.message {
text-align: center; text-align: center;
} }
@media only screen and (min-width: 768px) { @media only screen and (min-width: 768px) {
width: 800px !important; width: 800px !important;
.header { .header {
padding-left: @create-page-form-input-padding+30px; padding-left: @create-page-form-input-padding+30px;
} }
.inline.field > label { .inline.field > label {
text-align: right; text-align: right;
width: @create-page-form-input-padding; width: @create-page-form-input-padding;
word-wrap: break-word; word-wrap: break-word;
} }
.help { .help {
margin-left: @create-page-form-input-padding+15px; margin-left: @create-page-form-input-padding+15px;
} }
.optional .title { .optional .title {
margin-left: @create-page-form-input-padding; margin-left: @create-page-form-input-padding;
} }
input, input,
textarea { textarea {
width: 50% !important; width: 50% !important;
} }
} }
@media only screen and (max-width: 767px) { @media only screen and (max-width: 767px) {
.optional .title { .optional .title {
margin-left: 15px; margin-left: 15px;
} }
.inline.field > label { .inline.field > label {
display: block; display: block;
} }
}
} }
}
} }
.signin { .signin {
.oauth2 { .oauth2 {
div { div {
display: inline-block; display: inline-block;
p { p {
margin: 10px 5px 0 0; margin: 10px 5px 0 0;
float: left; float: left;
} }
} }
a { a {
margin-right: 3px; margin-right: 3px;
&:last-child { &:last-child {
margin-right: 0; margin-right: 0;
} }
} }
img { img {
width: 32px; width: 32px;
height: 32px; height: 32px;
&.openidConnect { &.openidConnect {
width: auto; width: auto;
} }
}
} }
}
} }
@media only screen and (min-width: 768px) { @media only screen and (min-width: 768px) {
.g-recaptcha { .g-recaptcha {
margin: 0 auto !important; margin: 0 auto !important;
width: 304px; width: 304px;
padding-left: 30px; padding-left: 30px;
} }
} }
@media screen and (max-height: 575px) { @media screen and (max-height: 575px) {
#rc-imageselect, #rc-imageselect,
.g-recaptcha { .g-recaptcha {
transform: scale(.77); transform: scale(.77);
transform-origin: 0 0; transform-origin: 0 0;
} }
} }
.user.activate, .user.activate,
@ -119,132 +119,132 @@
.user.reset.password, .user.reset.password,
.user.signin, .user.signin,
.user.signup { .user.signup {
@input-padding: 200px; @input-padding: 200px;
#create-page-form;
form {
width: 700px !important;
.header {
padding-left: 0 !important;
text-align: center;
}
.inline.field > label {
width: @input-padding;
}
.inline.field > label,
input {
@media only screen and (max-width: 768px) {
width: 100% !important;
}
}
input[type=number] {
-moz-appearance: textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
}
}
.repository {
&.new.repo,
&.new.migrate,
&.new.fork {
#create-page-form; #create-page-form;
form { form {
width: 700px !important; .dropdown {
.dropdown.icon {
.header { margin-top: -7px !important;
padding-left: 0 !important; padding-bottom: 5px;
text-align: center;
} }
.inline.field > label { .text {
width: @input-padding; margin-right: 0 !important;
}
.inline.field > label, i {
input { margin-right: 0 !important;
@media only screen and (max-width: 768px) { }
width: 100% !important;
}
} }
}
input[type=number] { .header {
-moz-appearance: textfield; padding-left: 0 !important;
} text-align: center;
}
input::-webkit-outer-spin-button, @media only screen and (max-width: 768px) {
input::-webkit-inner-spin-button { label,
-webkit-appearance: none; input,
margin: 0; .selection.dropdown {
width: 100% !important;
} }
}
}
.repository { .field button,
&.new.repo, .field a {
&.new.migrate, margin-bottom: 1em;
&.new.fork { width: 100%;
#create-page-form;
form {
.dropdown {
.dropdown.icon {
margin-top: -7px !important;
padding-bottom: 5px;
}
.text {
margin-right: 0 !important;
i {
margin-right: 0 !important;
}
}
}
.header {
padding-left: 0 !important;
text-align: center;
}
@media only screen and (max-width: 768px) {
label,
input,
.selection.dropdown {
width: 100% !important;
}
.field button,
.field a {
margin-bottom: 1em;
width: 100%;
}
}
} }
}
} }
}
&.new.repo { &.new.repo {
.ui.form { .ui.form {
@media only screen and (min-width: 768px) { @media only screen and (min-width: 768px) {
#auto-init { #auto-init {
margin-left: @create-page-form-input-padding+15px; margin-left: @create-page-form-input-padding+15px;
} }
} }
.selection.dropdown:not(.owner) { .selection.dropdown:not(.owner) {
width: 50% !important; width: 50% !important;
@media only screen and (max-width: 768px) { @media only screen and (max-width: 768px) {
width: 100% !important; width: 100% !important;
}
}
} }
}
} }
}
} }
.new.webhook { .new.webhook {
form { form {
.help { .help {
margin-left: 25px; margin-left: 25px;
}
} }
}
.events.fields { .events.fields {
.column { .column {
padding-left: 40px; padding-left: 40px;
}
} }
}
} }
.githook { .githook {
textarea { textarea {
font-family: @monospaced-fonts, monospace; font-family: @monospaced-fonts, monospace;
} }
} }
.new.org .ui.form { .new.org .ui.form {
@media only screen and (max-width: 768px) { @media only screen and (max-width: 768px) {
.field button, .field button,
.field a { .field a {
margin-bottom: 1em; margin-bottom: 1em;
width: 100%; width: 100%;
} }
.field input { .field input {
width: 100% !important; width: 100% !important;
}
} }
}
} }

@ -1,65 +1,65 @@
.home { .home {
.logo { .logo {
max-width: 220px; max-width: 220px;
} }
.hero {
@media only screen and (max-width: 767px) {
h1 {
font-size: 3.5em;
}
h2 { .hero {
font-size: 2em; @media only screen and (max-width: 767px) {
} h1 {
} font-size: 3.5em;
}
@media only screen and (min-width: 768px) { h2 {
h1 { font-size: 2em;
font-size: 5.5em; }
} }
h2 {
font-size: 3em;
}
}
.svg { @media only screen and (min-width: 768px) {
color: #5aa509; h1 {
height: 40px; font-size: 5.5em;
width: 50px; }
vertical-align: bottom;
}
&.header { h2 {
font-size: 20px; font-size: 3em;
} }
} }
p.large { .svg {
font-size: 16px; color: #5aa509;
height: 40px;
width: 50px;
vertical-align: bottom;
} }
.stackable { &.header {
padding-top: 30px; font-size: 20px;
} }
}
a { p.large {
color: #5aa509; font-size: 16px;
} }
.stackable {
padding-top: 30px;
}
a {
color: #5aa509;
}
} }
.signup { .signup {
padding-top: 15px; padding-top: 15px;
} }
footer { footer {
.ui.container .left, .ui.container .left,
.ui.container .right { .ui.container .right {
@media only screen and (max-width: 880px) { @media only screen and (max-width: 880px) {
display: block; display: block;
text-align: center; text-align: center;
float: none; float: none;
}
} }
}
} }

@ -1,38 +1,38 @@
.install { .install {
padding-top: 45px; padding-top: 45px;
form { form {
@input-padding: 320px !important; @input-padding: 320px !important;
label { label {
text-align: right; text-align: right;
width: @input-padding; width: @input-padding;
} }
input { input {
width: 35% !important; width: 35% !important;
} }
.field { .field {
text-align: left; text-align: left;
.help { .help {
margin-left: @input-padding+15px; margin-left: @input-padding+15px;
} }
&.optional .title { &.optional .title {
margin-left: 38%; margin-left: 38%;
} }
}
} }
}
.ui { .ui {
.checkbox { .checkbox {
margin-left: 40% !important; margin-left: 40% !important;
label { label {
width: auto !important; width: auto !important;
} }
}
} }
}
} }

@ -1,514 +1,514 @@
.markdown:not(code) { .markdown:not(code) {
overflow: hidden; overflow: hidden;
font-size: 16px; font-size: 16px;
line-height: 1.6 !important; line-height: 1.6 !important;
word-wrap: break-word; word-wrap: break-word;
&.ui.segment {
padding: 3em;
}
&.file-view {
padding: 2em !important;
}
> *:first-child {
margin-top: 0 !important;
}
> *:last-child {
margin-bottom: 0 !important;
}
a:not([href]) {
color: inherit;
text-decoration: none;
}
.absent {
color: #cc0000;
}
.anchor {
padding-right: 4px;
margin-left: -20px;
line-height: 1;
color: inherit;
}
.anchor .svg {
vertical-align: middle;
}
.anchor:focus {
outline: none;
}
h1 .anchor .svg,
h2 .anchor .svg,
h3 .anchor .svg,
h4 .anchor .svg,
h5 .anchor .svg,
h6 .anchor .svg {
visibility: hidden;
}
h1:hover .anchor .svg,
h2:hover .anchor .svg,
h3:hover .anchor .svg,
h4:hover .anchor .svg,
h5:hover .anchor .svg,
h6:hover .anchor .svg {
visibility: visible;
}
h2 .anchor .svg,
h3 .anchor .svg,
h4 .anchor .svg {
position: relative;
top: -2px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 1em;
margin-bottom: 16px;
font-weight: bold;
line-height: 1.4;
&:first-of-type {
margin-top: 0 !important;
}
}
h1 tt,
h1 code,
h2 tt,
h2 code,
h3 tt,
h3 code,
h4 tt,
h4 code,
h5 tt,
h5 code,
h6 tt,
h6 code {
font-size: inherit;
}
h1 {
padding-bottom: .3em;
font-size: 2.25em;
line-height: 1.2;
border-bottom: 1px solid #eeeeee;
}
h2 {
padding-bottom: .3em;
font-size: 1.75em;
line-height: 1.225;
border-bottom: 1px solid #eeeeee;
}
h3 {
font-size: 1.5em;
line-height: 1.43;
}
h4 {
font-size: 1.25em;
}
h5 {
font-size: 1em;
}
h6 { &.ui.segment {
font-size: 1em; padding: 3em;
color: #777777; }
}
p,
blockquote,
ul,
ol,
dl,
table,
pre {
margin-top: 0;
margin-bottom: 16px;
}
hr {
height: 4px;
padding: 0;
margin: 16px 0;
background-color: #e7e7e7;
border: 0;
}
ul,
ol {
padding-left: 2em;
}
ul.no-list,
ol.no-list {
padding: 0;
list-style-type: none;
}
li.task-list-item {
list-style-type: none;
margin-left: calc(-2em + 2px);
}
ul ul,
ul ol,
ol ol,
ol ul {
margin-top: 0;
margin-bottom: 0;
}
ol ol,
ul ol {
list-style-type: lower-roman;
}
li > p { &.file-view {
margin-top: 0; padding: 2em !important;
} }
dl {
padding: 0;
}
dl dt {
padding: 0;
margin-top: 16px;
font-size: 1em;
font-style: italic;
font-weight: bold;
}
dl dd { > *:first-child {
padding: 0 16px; margin-top: 0 !important;
margin-bottom: 16px; }
}
blockquote {
margin-left: 0;
padding: 0 15px;
color: #777777;
border-left: 4px solid #dddddd;
}
blockquote > :first-child {
margin-top: 0;
}
blockquote > :last-child {
margin-bottom: 0;
}
table {
width: auto;
overflow: auto;
word-break: keep-all;
display: block;
}
table th {
font-weight: bold;
}
table th,
table td {
padding: 6px 13px !important;
border: 1px solid #dddddd !important;
}
table tr {
background-color: #ffffff;
border-top: 1px solid #cccccc;
}
table tr:nth-child(2n) {
background-color: #f8f8f8;
}
img {
max-width: 100%;
box-sizing: border-box;
}
.emoji {
max-width: none;
}
span.frame {
display: block;
overflow: hidden;
}
span.frame > span {
display: block;
float: left;
width: auto;
padding: 7px;
margin: 13px 0 0;
overflow: hidden;
border: 1px solid #dddddd;
}
span.frame span img {
display: block;
float: left;
}
span.frame span span {
display: block;
padding: 5px 0 0;
clear: both;
color: #333333;
}
span.align-center {
display: block;
overflow: hidden;
clear: both;
}
span.align-center > span {
display: block;
margin: 13px auto 0;
overflow: hidden;
text-align: center;
}
span.align-center span img {
margin: 0 auto;
text-align: center;
}
span.align-right {
display: block;
overflow: hidden;
clear: both;
}
span.align-right > span {
display: block;
margin: 13px 0 0;
overflow: hidden;
text-align: right;
}
span.align-right span img { > *:last-child {
margin: 0; margin-bottom: 0 !important;
text-align: right; }
}
a:not([href]) {
color: inherit;
text-decoration: none;
}
.absent {
color: #cc0000;
}
.anchor {
padding-right: 4px;
margin-left: -20px;
line-height: 1;
color: inherit;
}
.anchor .svg {
vertical-align: middle;
}
.anchor:focus {
outline: none;
}
h1 .anchor .svg,
h2 .anchor .svg,
h3 .anchor .svg,
h4 .anchor .svg,
h5 .anchor .svg,
h6 .anchor .svg {
visibility: hidden;
}
h1:hover .anchor .svg,
h2:hover .anchor .svg,
h3:hover .anchor .svg,
h4:hover .anchor .svg,
h5:hover .anchor .svg,
h6:hover .anchor .svg {
visibility: visible;
}
h2 .anchor .svg,
h3 .anchor .svg,
h4 .anchor .svg {
position: relative;
top: -2px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 1em;
margin-bottom: 16px;
font-weight: bold;
line-height: 1.4;
&:first-of-type {
margin-top: 0 !important;
}
}
h1 tt,
h1 code,
h2 tt,
h2 code,
h3 tt,
h3 code,
h4 tt,
h4 code,
h5 tt,
h5 code,
h6 tt,
h6 code {
font-size: inherit;
}
h1 {
padding-bottom: .3em;
font-size: 2.25em;
line-height: 1.2;
border-bottom: 1px solid #eeeeee;
}
h2 {
padding-bottom: .3em;
font-size: 1.75em;
line-height: 1.225;
border-bottom: 1px solid #eeeeee;
}
h3 {
font-size: 1.5em;
line-height: 1.43;
}
h4 {
font-size: 1.25em;
}
h5 {
font-size: 1em;
}
h6 {
font-size: 1em;
color: #777777;
}
p,
blockquote,
ul,
ol,
dl,
table,
pre {
margin-top: 0;
margin-bottom: 16px;
}
hr {
height: 4px;
padding: 0;
margin: 16px 0;
background-color: #e7e7e7;
border: 0;
}
ul,
ol {
padding-left: 2em;
}
ul.no-list,
ol.no-list {
padding: 0;
list-style-type: none;
}
li.task-list-item {
list-style-type: none;
margin-left: calc(-2em + 2px);
}
ul ul,
ul ol,
ol ol,
ol ul {
margin-top: 0;
margin-bottom: 0;
}
ol ol,
ul ol {
list-style-type: lower-roman;
}
li > p {
margin-top: 0;
}
dl {
padding: 0;
}
dl dt {
padding: 0;
margin-top: 16px;
font-size: 1em;
font-style: italic;
font-weight: bold;
}
dl dd {
padding: 0 16px;
margin-bottom: 16px;
}
blockquote {
margin-left: 0;
padding: 0 15px;
color: #777777;
border-left: 4px solid #dddddd;
}
blockquote > :first-child {
margin-top: 0;
}
blockquote > :last-child {
margin-bottom: 0;
}
table {
width: auto;
overflow: auto;
word-break: keep-all;
display: block;
}
span.float-left { table th {
display: block; font-weight: bold;
float: left; }
margin-right: 13px;
overflow: hidden;
}
span.float-left span { table th,
margin: 13px 0 0; table td {
} padding: 6px 13px !important;
border: 1px solid #dddddd !important;
}
span.float-right { table tr {
display: block; background-color: #ffffff;
float: right; border-top: 1px solid #cccccc;
margin-left: 13px; }
overflow: hidden;
}
span.float-right > span { table tr:nth-child(2n) {
display: block; background-color: #f8f8f8;
margin: 13px auto 0; }
overflow: hidden;
text-align: right;
}
code, img {
tt { max-width: 100%;
padding: .2em .3em; box-sizing: border-box;
margin: 0; }
font-size: 85%;
background-color: rgba(0, 0, 0, .04);
border-radius: 3px;
}
code br, .emoji {
tt br { max-width: none;
display: none; }
}
del code { span.frame {
text-decoration: inherit; display: block;
} overflow: hidden;
}
pre > code {
padding: 0;
margin: 0;
font-size: 100%;
word-break: normal;
white-space: pre;
background: transparent;
border: 0;
}
.highlight { span.frame > span {
margin-bottom: 16px; display: block;
} float: left;
width: auto;
padding: 7px;
margin: 13px 0 0;
overflow: hidden;
border: 1px solid #dddddd;
}
.highlight pre, span.frame span img {
pre { display: block;
padding: 16px; float: left;
overflow: auto; }
font-size: 85%;
line-height: 1.45;
background-color: #f7f7f7;
border-radius: 3px;
}
.highlight pre { span.frame span span {
margin-bottom: 0; display: block;
word-break: normal; padding: 5px 0 0;
} clear: both;
color: #333333;
}
pre { span.align-center {
word-wrap: normal; display: block;
} overflow: hidden;
clear: both;
}
pre code, span.align-center > span {
pre tt { display: block;
display: inline; margin: 13px auto 0;
max-width: initial; overflow: hidden;
padding: 0; text-align: center;
margin: 0; }
overflow: initial;
line-height: inherit;
word-wrap: normal;
background-color: transparent;
border: 0;
}
pre code:before, span.align-center span img {
pre code:after, margin: 0 auto;
pre tt:before, text-align: center;
pre tt:after { }
content: normal;
}
kbd { span.align-right {
display: inline-block; display: block;
padding: 3px 5px; overflow: hidden;
font-size: 11px; clear: both;
line-height: 10px; }
color: #555555;
vertical-align: middle;
background-color: #fcfcfc;
border: solid 1px #cccccc;
border-bottom-color: #bbbbbb;
border-radius: 3px;
box-shadow: inset 0 -1px 0 #bbbbbb;
}
input[type="checkbox"] { span.align-right > span {
vertical-align: middle !important; display: block;
} margin: 13px 0 0;
overflow: hidden;
text-align: right;
}
.csv-data td, span.align-right span img {
.csv-data th { margin: 0;
padding: 5px; text-align: right;
overflow: hidden; }
font-size: 12px;
line-height: 1;
text-align: left;
white-space: nowrap;
}
.csv-data .blob-num { span.float-left {
padding: 10px 8px 9px; display: block;
text-align: right; float: left;
background: #ffffff; margin-right: 13px;
border: 0; overflow: hidden;
} }
.csv-data tr { span.float-left span {
border-top: 0; margin: 13px 0 0;
} }
.csv-data th { span.float-right {
font-weight: bold; display: block;
background: #f8f8f8; float: right;
border-top: 0; margin-left: 13px;
} overflow: hidden;
}
.ui.list .list, span.float-right > span {
ol.ui.list ol, display: block;
ul.ui.list ul { margin: 13px auto 0;
padding-left: 2em; overflow: hidden;
} text-align: right;
}
code,
tt {
padding: .2em .3em;
margin: 0;
font-size: 85%;
background-color: rgba(0, 0, 0, .04);
border-radius: 3px;
}
code br,
tt br {
display: none;
}
del code {
text-decoration: inherit;
}
pre > code {
padding: 0;
margin: 0;
font-size: 100%;
word-break: normal;
white-space: pre;
background: transparent;
border: 0;
}
.highlight {
margin-bottom: 16px;
}
.highlight pre,
pre {
padding: 16px;
overflow: auto;
font-size: 85%;
line-height: 1.45;
background-color: #f7f7f7;
border-radius: 3px;
}
.highlight pre {
margin-bottom: 0;
word-break: normal;
}
pre {
word-wrap: normal;
}
pre code,
pre tt {
display: inline;
max-width: initial;
padding: 0;
margin: 0;
overflow: initial;
line-height: inherit;
word-wrap: normal;
background-color: transparent;
border: 0;
}
pre code:before,
pre code:after,
pre tt:before,
pre tt:after {
content: normal;
}
kbd {
display: inline-block;
padding: 3px 5px;
font-size: 11px;
line-height: 10px;
color: #555555;
vertical-align: middle;
background-color: #fcfcfc;
border: solid 1px #cccccc;
border-bottom-color: #bbbbbb;
border-radius: 3px;
box-shadow: inset 0 -1px 0 #bbbbbb;
}
input[type="checkbox"] {
vertical-align: middle !important;
}
.csv-data td,
.csv-data th {
padding: 5px;
overflow: hidden;
font-size: 12px;
line-height: 1;
text-align: left;
white-space: nowrap;
}
.csv-data .blob-num {
padding: 10px 8px 9px;
text-align: right;
background: #ffffff;
border: 0;
}
.csv-data tr {
border-top: 0;
}
.csv-data th {
font-weight: bold;
background: #f8f8f8;
border-top: 0;
}
.ui.list .list,
ol.ui.list ol,
ul.ui.list ul {
padding-left: 2em;
}
} }
.repository.wiki.revisions { .repository.wiki.revisions {
.ui.container > .ui.stackable.grid { .ui.container > .ui.stackable.grid {
-ms-flex-direction: row-reverse; -ms-flex-direction: row-reverse;
flex-direction: row-reverse; flex-direction: row-reverse;
> .header { > .header {
margin-top: 0; margin-top: 0;
.sub.header { .sub.header {
padding-left: 52px; padding-left: 52px;
word-break: break-word; word-break: break-word;
} }
}
} }
}
} }
.file-revisions-btn { .file-revisions-btn {
display: block; display: block;
float: left; float: left;
margin-bottom: 2px !important; margin-bottom: 2px !important;
padding: 11px !important; padding: 11px !important;
margin-right: 10px !important; margin-right: 10px !important;
i { i {
-webkit-touch-callout: none; -webkit-touch-callout: none;
-webkit-user-select: none; -webkit-user-select: none;
-khtml-user-select: none; -khtml-user-select: none;
-moz-user-select: none; -moz-user-select: none;
-ms-user-select: none; -ms-user-select: none;
user-select: none; user-select: none;
} }
} }
.markdown-block-error { .markdown-block-error {
margin-bottom: 0 !important; margin-bottom: 0 !important;
border-bottom-left-radius: 0 !important; border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important; border-bottom-right-radius: 0 !important;
box-shadow: none !important; box-shadow: none !important;
font-size: 85% !important; font-size: 85% !important;
white-space: pre !important; white-space: pre !important;
padding: .5rem 1rem !important; padding: .5rem 1rem !important;
text-align: left !important; text-align: left !important;
} }
.markdown-block-error + pre { .markdown-block-error + pre {
border-top: none !important; border-top: none !important;
margin-top: 0 !important; margin-top: 0 !important;
border-top-left-radius: 0 !important; border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important; border-top-right-radius: 0 !important;
} }

@ -1,212 +1,212 @@
.organization { .organization {
padding-top: 15px; padding-top: 15px;
.head { .head {
.ui.header { .ui.header {
.text { .text {
vertical-align: middle; vertical-align: middle;
font-size: 1.6rem; font-size: 1.6rem;
margin-left: 15px; margin-left: 15px;
} }
.ui.right { .ui.right {
margin-top: 5px; margin-top: 5px;
} }
}
} }
}
&.new.org { &.new.org {
#create-page-form; #create-page-form;
form { form {
.header { .header {
padding-left: 0 !important; padding-left: 0 !important;
text-align: center; text-align: center;
} }
}
} }
}
&.options { &.options {
input { input {
min-width: 300px; min-width: 300px;
}
} }
}
&.profile { &.profile {
#org-avatar { #org-avatar {
width: 100px; width: 100px;
height: 100px; height: 100px;
margin-right: 15px; margin-right: 15px;
} }
#org-info {
.ui.header {
font-size: 36px;
margin-bottom: 0;
}
.desc {
font-size: 16px;
margin-bottom: 10px;
}
.meta {
.item {
display: inline-block;
margin-right: 10px;
.icon {
margin-right: 5px;
}
}
}
}
.ui.top.header { #org-info {
.ui.right { .ui.header {
margin-top: 0; font-size: 36px;
} margin-bottom: 0;
}
.desc {
font-size: 16px;
margin-bottom: 10px;
}
.meta {
.item {
display: inline-block;
margin-right: 10px;
.icon {
margin-right: 5px;
}
} }
}
}
.teams { .ui.top.header {
.item { .ui.right {
padding: 10px 15px; margin-top: 0;
} }
}
} }
&.teams, .teams {
&.profile { .item {
.members { padding: 10px 15px;
.ui.avatar { }
width: 48px; }
height: 48px; }
margin-right: 5px;
} &.teams,
} &.profile {
.members {
.ui.avatar {
width: 48px;
height: 48px;
margin-right: 5px;
}
} }
}
&.invite { &.invite {
#invite-box { #invite-box {
margin: 50px auto auto; margin: 50px auto auto;
width: 500px !important; width: 500px !important;
#search-user-box { #search-user-box {
input { input {
margin-left: 0; margin-left: 0;
width: 300px; width: 300px;
}
}
.ui.button {
margin-left: 5px;
margin-top: -3px;
}
} }
}
.ui.button {
margin-left: 5px;
margin-top: -3px;
}
} }
}
&.members {
.list {
.item {
margin-left: 0;
margin-right: 0;
border-bottom: 1px solid #eeeeee;
.ui.avatar {
width: 48px;
height: 48px;
}
&.members { .meta {
.list { line-height: 24px;
.item {
margin-left: 0;
margin-right: 0;
border-bottom: 1px solid #eeeeee;
.ui.avatar {
width: 48px;
height: 48px;
}
.meta {
line-height: 24px;
}
}
} }
}
} }
}
&.teams { &.teams {
.detail { .detail {
.item { .item {
padding: 10px 15px; padding: 10px 15px;
&:not(:last-child) { &:not(:last-child) {
border-bottom: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee;
}
}
} }
}
}
.repositories, .repositories,
.members { .members {
.item { .item {
padding: 10px 20px; padding: 10px 20px;
line-height: 32px; line-height: 32px;
&:not(:last-child) {
border-bottom: 1px solid #dddddd;
}
.button { &:not(:last-child) {
padding: 9px 10px; border-bottom: 1px solid #dddddd;
}
}
} }
#add-repo-form, .button {
#repo-multiple-form, padding: 9px 10px;
#add-member-form {
input {
margin-left: 0;
}
.ui.button {
margin-left: 5px;
margin-top: -3px;
}
} }
}
}
#repo-top-segment { #add-repo-form,
height: 60px; #repo-multiple-form,
} #add-member-form {
input {
margin-left: 0;
}
.ui.button {
margin-left: 5px;
margin-top: -3px;
}
} }
&.settings { #repo-top-segment {
.labelspage { height: 60px;
list-style: none; }
padding-top: 0; }
.item { &.settings {
margin-top: 0; .labelspage {
margin-right: -14px; list-style: none;
margin-left: -14px !important; padding-top: 0;
padding: 10px;
border-bottom: 1px solid #e1e4e8; .item {
border-top: none; margin-top: 0;
margin-right: -14px;
a { margin-left: -14px !important;
font-size: 15px; padding: 10px;
padding-top: 5px; border-bottom: 1px solid #e1e4e8;
padding-right: 10px; border-top: none;
color: #666666;
a {
&:hover { font-size: 15px;
color: #000000; padding-top: 5px;
} padding-right: 10px;
color: #666666;
&.open-issues {
margin-right: 30px; &:hover {
} color: #000000;
} }
.ui.label { &.open-issues {
font-size: 1em; margin-right: 30px;
} }
} }
.item:last-child {
border-bottom: none;
padding-bottom: 0;
}
.ui.label {
font-size: 1em;
} }
}
.item:last-child {
border-bottom: none;
padding-bottom: 0;
}
} }
}
} }

File diff suppressed because it is too large Load Diff

@ -1,193 +1,193 @@
.ui.button.add-code-comment { .ui.button.add-code-comment {
font-size: 14px; font-size: 14px;
height: 16px; height: 16px;
line-height: 16px !important; line-height: 16px !important;
padding: 0; padding: 0;
position: relative; position: relative;
width: 16px; width: 16px;
z-index: 5; z-index: 5;
float: left; float: left;
margin: 2px -10px 2px -20px; margin: 2px -10px 2px -20px;
opacity: 0; opacity: 0;
transition: transform .1s ease-in-out; transition: transform .1s ease-in-out;
transform: scale(1, 1); transform: scale(1, 1);
&:hover { &:hover {
transform: scale(1.2, 1.2); transform: scale(1.2, 1.2);
} }
} }
.add-comment-left.add-comment-right .ui.attached.header { .add-comment-left.add-comment-right .ui.attached.header {
border: 1px solid #d4d4d5; border: 1px solid #d4d4d5;
margin-top: .5em; margin-top: .5em;
&:not(.top) { &:not(.top) {
margin-bottom: .5em; margin-bottom: .5em;
} }
.show-outdated, .show-outdated,
.hide-outdated { .hide-outdated {
display: block; display: block;
margin-left: auto; margin-left: auto;
} }
} }
.focus-lines-new .ui.button.add-code-comment.add-code-comment-right, .focus-lines-new .ui.button.add-code-comment.add-code-comment-right,
.focus-lines-old .ui.button.add-code-comment.add-code-comment-left { .focus-lines-old .ui.button.add-code-comment.add-code-comment-left {
opacity: 1; opacity: 1;
} }
.comment-code-cloud { .comment-code-cloud {
padding: 4px; padding: 4px;
position: relative; position: relative;
border: 1px solid #f1f1f1; border: 1px solid #f1f1f1;
margin: 13px 10px 5px auto; margin: 13px 10px 5px auto;
&:before {
content: " ";
width: 0;
height: 0;
border-left: 13px solid transparent;
border-right: 13px solid transparent;
border-bottom: 13px solid #f1f1f1;
left: 20px;
position: absolute;
top: -13px;
}
.attached { &:before {
&.tab { content: " ";
border: 0; width: 0;
padding: 0; height: 0;
margin: 0; border-left: 13px solid transparent;
} border-right: 13px solid transparent;
border-bottom: 13px solid #f1f1f1;
left: 20px;
position: absolute;
top: -13px;
}
&.header { .attached {
padding: .1rem 1rem; &.tab {
border: 0;
.text { padding: 0;
margin: 0; margin: 0;
}
}
} }
.right.menu.options .item { &.header {
padding: .85714286em .442857em; padding: .1rem 1rem;
cursor: pointer;
}
.ui.form textarea { .text {
border: 0; margin: 0;
}
} }
}
.ui.active.tab { .right.menu.options .item {
padding: .5em; padding: .85714286em .442857em;
cursor: pointer;
}
&.markdown { .ui.form textarea {
padding: 1em; border: 0;
min-height: 168px; }
}
}
.ui.tabular.menu { .ui.active.tab {
margin: .5em; padding: .5em;
}
.comment-list { &.markdown {
padding-bottom: 10px; padding: 1em;
min-height: 168px;
} }
}
.ui.tabular.menu {
margin: .5em;
}
.footer { .comment-list {
border-top: 1px solid #f1f1f1; padding-bottom: 10px;
padding: 10px 0; }
.markdown-info { .footer {
display: inline-block; border-top: 1px solid #f1f1f1;
margin: 5px 0; padding: 10px 0;
font-size: 12px;
color: rgba(0, 0, 0, .6); .markdown-info {
} display: inline-block;
margin: 5px 0;
.ui.right.floated { font-size: 12px;
padding-top: 6px; color: rgba(0, 0, 0, .6);
}
&:after {
clear: both;
content: "";
display: block;
}
} }
button.comment-form-reply { .ui.right.floated {
margin: .5em .5em .5em 4.5em; padding-top: 6px;
} }
form.comment-form-reply { &:after {
margin: 0 0 0 1em; clear: both;
content: "";
display: block;
} }
}
button.comment-form-reply {
margin: .5em .5em .5em 4.5em;
}
form.comment-form-reply {
margin: 0 0 0 1em;
}
} }
.file-comment { .file-comment {
font: 12px @monospaced-fonts, monospace; font: 12px @monospaced-fonts, monospace;
color: rgba(0, 0, 0, .87); color: rgba(0, 0, 0, .87);
} }
a.fold-file { a.fold-file {
margin-right: 10px; margin-right: 10px;
color: inherit; color: inherit;
} }
a.blob-excerpt { a.blob-excerpt {
color: #575a68; color: #575a68;
height: 28px; height: 28px;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
width: 100%; width: 100%;
background: #daecfe; background: #daecfe;
} }
a.blob-excerpt:hover { a.blob-excerpt:hover {
background: #428bca; background: #428bca;
color: #fff; color: #fff;
} }
.btn-review > .dropdown.icon { .btn-review > .dropdown.icon {
width: auto; width: auto;
font-size: .85714286em; font-size: .85714286em;
margin: 0 0 0 1em; margin: 0 0 0 1em;
} }
@media only screen and (max-width: 768px) { @media only screen and (max-width: 768px) {
#review-box > .menu { #review-box > .menu {
> .ui.segment { > .ui.segment {
width: 94vw; width: 94vw;
}
.editor-toolbar {
overflow-x: auto;
}
} }
.editor-toolbar {
#review-box .CodeMirror-scroll { overflow-x: auto;
max-width: calc(100vw - 70px);
} }
}
#review-box .CodeMirror-scroll {
max-width: calc(100vw - 70px);
}
} }
@media only screen and (min-width: 768px) and (max-width: 992px) { @media only screen and (min-width: 768px) and (max-width: 992px) {
#review-box .CodeMirror-scroll { #review-box .CodeMirror-scroll {
max-width: 700px; max-width: 700px;
} }
} }
@media only screen and (min-width: 992px) and (max-width: 1200px) { @media only screen and (min-width: 992px) and (max-width: 1200px) {
#review-box .CodeMirror-scroll { #review-box .CodeMirror-scroll {
max-width: 800px; max-width: 800px;
} }
} }
@media only screen and (min-width: 1200px) { @media only screen and (min-width: 1200px) {
#review-box .CodeMirror-scroll { #review-box .CodeMirror-scroll {
max-width: 900px; max-width: 900px;
} }
} }

@ -1,9 +1,9 @@
.svg { .svg {
display: inline-block; display: inline-block;
vertical-align: text-top; vertical-align: text-top;
fill: currentColor; fill: currentColor;
.middle & { .middle & {
vertical-align: middle; vertical-align: middle;
} }
} }

@ -1,42 +1,42 @@
@import "~tributejs/dist/tribute.css"; @import "~tributejs/dist/tribute.css";
.tribute-container { .tribute-container {
box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .25); box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .25);
border-radius: .25rem; border-radius: .25rem;
} }
.tribute-container ul { .tribute-container ul {
margin-top: 0 !important; margin-top: 0 !important;
background: #ffffff !important; background: #ffffff !important;
} }
.tribute-container li { .tribute-container li {
padding: 3px .5rem !important; padding: 3px .5rem !important;
} }
.tribute-container li span.fullname { .tribute-container li span.fullname {
font-weight: normal; font-weight: normal;
font-size: .8rem; font-size: .8rem;
margin-left: 3px; margin-left: 3px;
} }
.tribute-container li.highlight, .tribute-container li.highlight,
.tribute-container li:hover { .tribute-container li:hover {
background: #2185d0 !important; background: #2185d0 !important;
color: #ffffff !important; color: #ffffff !important;
} }
.tribute-item { .tribute-item {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.tribute-item .emoji, .tribute-item .emoji,
.tribute-item img[src*="/avatar/"] { .tribute-item img[src*="/avatar/"] {
margin-right: .5rem; margin-right: .5rem;
} }
.tribute-container img { .tribute-container img {
width: 1.5rem !important; width: 1.5rem !important;
height: 1.5rem !important; height: 1.5rem !important;
} }

@ -1,163 +1,163 @@
.user { .user {
&:not(.icon) { &:not(.icon) {
padding-top: 15px; padding-top: 15px;
} }
&.profile { &.profile {
.ui.card { .ui.card {
.header, .header,
.username { .username {
display: block; display: block;
}
.header {
font-weight: 700;
font-size: 1.3rem;
margin-top: -.2rem;
line-height: 1.3rem;
}
.extra.content {
padding: 0;
ul {
margin: 0;
padding: 0;
li {
padding: 10px;
list-style: none;
&:not(:last-child) {
border-bottom: 1px solid #eaeaea;
} }
.header { .svg,
font-weight: 700; .fa {
font-size: 1.3rem; margin-left: 1px;
margin-top: -.2rem; margin-right: 5px;
line-height: 1.3rem;
} }
.extra.content { &.follow {
padding: 0; .ui.button {
ul {
margin: 0;
padding: 0;
li {
padding: 10px;
list-style: none;
&:not(:last-child) {
border-bottom: 1px solid #eaeaea;
}
.svg,
.fa {
margin-left: 1px;
margin-right: 5px;
}
&.follow {
.ui.button {
width: 100%;
}
}
}
}
}
#profile-avatar {
img {
width: 100%;
}
@media only screen and (max-width: 768px) {
height: 250px;
overflow: hidden;
img {
max-height: 768px;
max-width: 768px;
}
}
}
@media only screen and (max-width: 768px) {
width: 100%; width: 100%;
}
} }
}
} }
}
.ui.repository.list { #profile-avatar {
margin-top: 25px; img {
} width: 100%;
#loading-heatmap {
margin-bottom: 1em;
} }
.ui.secondary.stackable.pointing.menu { @media only screen and (max-width: 768px) {
flex-wrap: wrap; height: 250px;
overflow: hidden;
img {
max-height: 768px;
max-width: 768px;
}
} }
} }
&.followers { @media only screen and (max-width: 768px) {
.header.name { width: 100%;
font-size: 20px; }
line-height: 24px; }
vertical-align: middle;
}
.follow { .ui.repository.list {
.ui.button { margin-top: 25px;
padding: 8px 15px;
}
}
} }
&.notification { #loading-heatmap {
.svg { margin-bottom: 1em;
float: left; }
font-size: 2em; .ui.secondary.stackable.pointing.menu {
flex-wrap: wrap;
}
}
&.green { &.followers {
color: #21ba45; .header.name {
} font-size: 20px;
line-height: 24px;
vertical-align: middle;
}
&.red { .follow {
color: #d01919; .ui.button {
} padding: 8px 15px;
}
}
}
&.purple { &.notification {
color: #a333c8; .svg {
} float: left;
font-size: 2em;
&.blue { &.green {
color: #2185d0; color: #21ba45;
} }
}
.content { &.red {
float: left; color: #d01919;
margin-left: 7px; }
}
table { &.purple {
form { color: #a333c8;
display: inline-block; }
}
button { &.blue {
padding: 3px 3px 3px 5px; color: #2185d0;
} }
}
tr { .content {
cursor: pointer; float: left;
} margin-left: 7px;
}
} }
&.link-account:not(.icon) { table {
padding-top: 15px; form {
padding-bottom: 5px; display: inline-block;
}
button {
padding: 3px 3px 3px 5px;
}
tr {
cursor: pointer;
}
} }
}
&.settings { &.link-account:not(.icon) {
.iconFloat { padding-top: 15px;
float: left; padding-bottom: 5px;
} }
&.settings {
.iconFloat {
float: left;
} }
}
} }
.user-orgs { .user-orgs {
display: flex;
flex-flow: row wrap;
padding: 0;
margin: -3px !important;
li {
display: flex; display: flex;
flex-flow: row wrap; border-bottom: 0 !important;
padding: 0; padding: 3px !important;
margin: -3px !important; width: 20%;
max-width: 60px;
li { }
display: flex;
border-bottom: 0 !important;
padding: 3px !important;
width: 20%;
max-width: 60px;
}
} }

@ -1,34 +1,34 @@
@keyframes isloadingspin { @keyframes isloadingspin {
0% { transform: translate(-50%, -50%) rotate(0deg); } 0% { transform: translate(-50%, -50%) rotate(0deg); }
100% { transform: translate(-50%, -50%) rotate(360deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); }
} }
.is-loading { .is-loading {
background: transparent !important; background: transparent !important;
color: transparent !important; color: transparent !important;
border: transparent !important; border: transparent !important;
pointer-events: none !important; pointer-events: none !important;
position: relative !important; position: relative !important;
overflow: hidden !important; overflow: hidden !important;
} }
.is-loading:after { .is-loading:after {
content: ""; content: "";
position: absolute; position: absolute;
display: block; display: block;
width: 4rem; width: 4rem;
height: 4rem; height: 4rem;
left: 50%; left: 50%;
top: 50%; top: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
animation: isloadingspin 500ms infinite linear; animation: isloadingspin 500ms infinite linear;
border-width: 4px; border-width: 4px;
border-style: solid; border-style: solid;
border-color: #ececec #ececec #666 #666; border-color: #ececec #ececec #666 #666;
border-radius: 100%; border-radius: 100%;
} }
.markdown pre.is-loading, .markdown pre.is-loading,
.editor-loading.is-loading { .editor-loading.is-loading {
height: 12rem; height: 12rem;
} }

@ -1,256 +1,256 @@
#git-graph-container { #git-graph-container {
float: left; float: left;
display: block; display: block;
overflow-x: auto; overflow-x: auto;
width: 100%; width: 100%;
.color-buttons {
margin-right: 0;
}
.ui.header.dividing {
padding-bottom: 10px;
}
li {
list-style-type: none;
height: 20px;
line-height: 20px;
white-space: nowrap;
.node-relation {
font-family: "Bitstream Vera Sans Mono", "Courier", monospace;
}
.color-buttons { .author {
margin-right: 0; color: #666666;
} }
.ui.header.dividing { .time {
padding-bottom: 10px; color: #999999;
font-size: 80%;
} }
li { a {
list-style-type: none; color: #000000;
height: 20px;
line-height: 20px;
white-space: nowrap;
.node-relation {
font-family: "Bitstream Vera Sans Mono", "Courier", monospace;
}
.author {
color: #666666;
}
.time {
color: #999999;
font-size: 80%;
}
a {
color: #000000;
}
a:hover {
text-decoration: underline;
}
a em {
color: #bb0000;
border-bottom: 1px dotted #bbbbbb;
text-decoration: none;
font-style: normal;
}
} }
#rel-container { a:hover {
max-width: 30%; text-decoration: underline;
overflow-x: auto;
float: left;
} }
#rev-container { a em {
width: 100%; color: #bb0000;
border-bottom: 1px dotted #bbbbbb;
text-decoration: none;
font-style: normal;
} }
}
#rev-list { #rel-container {
margin: 0; max-width: 30%;
padding: 0 5px; overflow-x: auto;
min-width: 95%; float: left;
}
li.highlight, #rev-container {
li.hover { width: 100%;
background-color: rgba(0, 0, 0, .05); }
}
#rev-list {
margin: 0;
padding: 0 5px;
min-width: 95%;
li.highlight.hover { li.highlight,
background-color: rgba(0, 0, 0, .1); li.hover {
} background-color: rgba(0, 0, 0, .05);
} }
#graph-raw-list { li.highlight.hover {
margin: 0; background-color: rgba(0, 0, 0, .1);
} }
}
&.monochrome #rel-container { #graph-raw-list {
.flow-group { margin: 0;
stroke: grey; }
fill: grey;
}
.flow-group.highlight { &.monochrome #rel-container {
stroke: black; .flow-group {
fill: black; stroke: grey;
} fill: grey;
}
.flow-group.highlight {
stroke: black;
fill: black;
}
}
&:not(.monochrome) #rel-container {
.flow-group {
&.flow-color-16-1 {
stroke: #499a37;
fill: #499a37;
}
&.flow-color-16-2 {
stroke: hsl(356, 58%, 54%);
fill: #ce4751;
}
&.flow-color-16-3 {
stroke: #8f9121;
fill: #8f9121;
}
&.flow-color-16-4 {
stroke: #ac32a6;
fill: #ac32a6;
}
&.flow-color-16-5 {
stroke: #3d27aa;
fill: #3d27aa;
}
&.flow-color-16-6 {
stroke: #c67d28;
fill: #c67d28;
}
&.flow-color-16-7 {
stroke: #4db392;
fill: #4db392;
}
&.flow-color-16-8 {
stroke: #aa4d30;
fill: #aa4d30;
}
&.flow-color-16-9 {
stroke: #2a6f84;
fill: #2a6f84;
}
&.flow-color-16-10 {
stroke: #c45327;
fill: #c45327;
}
&.flow-color-16-11 {
stroke: #3d965c;
fill: #3d965c;
}
&.flow-color-16-12 {
stroke: #792a93;
fill: #792a93;
}
&.flow-color-16-13 {
stroke: #439d73;
fill: #439d73;
}
&.flow-color-16-14 {
stroke: #103aad;
fill: #103aad;
}
&.flow-color-16-15 {
stroke: #982e85;
fill: #982e85;
}
&.flow-color-16-0 {
stroke: #7db233;
fill: #7db233;
}
} }
&:not(.monochrome) #rel-container { .flow-group.highlight {
.flow-group { &.flow-color-16-1 {
&.flow-color-16-1 { stroke: #5ac144;
stroke: #499a37; fill: #5ac144;
fill: #499a37; }
}
&.flow-color-16-2 {
&.flow-color-16-2 { stroke: #ed5a8b;
stroke: hsl(356, 58%, 54%); fill: #ed5a8b;
fill: #ce4751; }
}
&.flow-color-16-3 {
&.flow-color-16-3 { stroke: #ced049;
stroke: #8f9121; fill: #ced048;
fill: #8f9121; }
}
&.flow-color-16-4 {
&.flow-color-16-4 { stroke: #db61d7;
stroke: #ac32a6; fill: #db62d6;
fill: #ac32a6; }
}
&.flow-color-16-5 {
&.flow-color-16-5 { stroke: #4e33d1;
stroke: #3d27aa; fill: #4f35d1;
fill: #3d27aa; }
}
&.flow-color-16-6 {
&.flow-color-16-6 { stroke: #e6a151;
stroke: #c67d28; fill: #e6a151;
fill: #c67d28; }
}
&.flow-color-16-7 {
&.flow-color-16-7 { stroke: #44daaa;
stroke: #4db392; fill: #44daaa;
fill: #4db392; }
}
&.flow-color-16-8 {
&.flow-color-16-8 { stroke: #dd7a5c;
stroke: #aa4d30; fill: #dd7a5c;
fill: #aa4d30; }
}
&.flow-color-16-9 {
&.flow-color-16-9 { stroke: #38859c;
stroke: #2a6f84; fill: #38859c;
fill: #2a6f84; }
}
&.flow-color-16-10 {
&.flow-color-16-10 { stroke: #d95520;
stroke: #c45327; fill: #d95520;
fill: #c45327; }
}
&.flow-color-16-11 {
&.flow-color-16-11 { stroke: #42ae68;
stroke: #3d965c; fill: #42ae68;
fill: #3d965c; }
}
&.flow-color-16-12 {
&.flow-color-16-12 { stroke: #9126b5;
stroke: #792a93; fill: #9126b5;
fill: #792a93; }
}
&.flow-color-16-13 {
&.flow-color-16-13 { stroke: #4ab080;
stroke: #439d73; fill: #4ab080;
fill: #439d73; }
}
&.flow-color-16-14 {
&.flow-color-16-14 { stroke: #284fb8;
stroke: #103aad; fill: #284fb8;
fill: #103aad; }
}
&.flow-color-16-15 {
&.flow-color-16-15 { stroke: #971c80;
stroke: #982e85; fill: #971c80;
fill: #982e85; }
}
&.flow-color-16-0 {
&.flow-color-16-0 { stroke: #87ca28;
stroke: #7db233; fill: #87ca28;
fill: #7db233; }
}
}
.flow-group.highlight {
&.flow-color-16-1 {
stroke: #5ac144;
fill: #5ac144;
}
&.flow-color-16-2 {
stroke: #ed5a8b;
fill: #ed5a8b;
}
&.flow-color-16-3 {
stroke: #ced049;
fill: #ced048;
}
&.flow-color-16-4 {
stroke: #db61d7;
fill: #db62d6;
}
&.flow-color-16-5 {
stroke: #4e33d1;
fill: #4f35d1;
}
&.flow-color-16-6 {
stroke: #e6a151;
fill: #e6a151;
}
&.flow-color-16-7 {
stroke: #44daaa;
fill: #44daaa;
}
&.flow-color-16-8 {
stroke: #dd7a5c;
fill: #dd7a5c;
}
&.flow-color-16-9 {
stroke: #38859c;
fill: #38859c;
}
&.flow-color-16-10 {
stroke: #d95520;
fill: #d95520;
}
&.flow-color-16-11 {
stroke: #42ae68;
fill: #42ae68;
}
&.flow-color-16-12 {
stroke: #9126b5;
fill: #9126b5;
}
&.flow-color-16-13 {
stroke: #4ab080;
fill: #4ab080;
}
&.flow-color-16-14 {
stroke: #284fb8;
fill: #284fb8;
}
&.flow-color-16-15 {
stroke: #971c80;
fill: #971c80;
}
&.flow-color-16-0 {
stroke: #87ca28;
fill: #87ca28;
}
}
} }
}
} }

@ -1,12 +1,12 @@
.mermaid-chart { .mermaid-chart {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
padding: 1rem; padding: 1rem;
margin: 1rem 0; margin: 1rem 0;
} }
/* mermaid's errorRenderer seems to unavoidably spew stuff into <body>, hide it */ /* mermaid's errorRenderer seems to unavoidably spew stuff into <body>, hide it */
body > div[id*="mermaid-"] { body > div[id*="mermaid-"] {
display: none !important; display: none !important;
} }

File diff suppressed because it is too large Load Diff
Loading…
Cancel
Save