From bb8159b9d6f64c35f50a49ed41d04a770b8b04ac Mon Sep 17 00:00:00 2001 From: Gitea Date: Fri, 6 May 2022 19:15:35 -0400 Subject: [PATCH] And fix version number, Yes I can count. Maybe. --- Gitea/theme-gitea-modern.styl | 2 +- Gitea/theme-gitea-modern.user.css | 2 +- Gitea/theme-gitea-modern.user.styl | 2 +- theme-gitea-modern.css | 1 + theme-gitea-modern.styl | 2481 ++++++++++++++++++++++++++++ 5 files changed, 2485 insertions(+), 3 deletions(-) create mode 100644 theme-gitea-modern.css create mode 100644 theme-gitea-modern.styl diff --git a/Gitea/theme-gitea-modern.styl b/Gitea/theme-gitea-modern.styl index 62ad6ae..5a9515d 100644 --- a/Gitea/theme-gitea-modern.styl +++ b/Gitea/theme-gitea-modern.styl @@ -1,7 +1,7 @@ // main: theme-gitea-modern.user.styl, out: theme-gitea-modern.css, compress: true // Ignore above, just compiler stuff -/* Update 1.0.15 +/* Update 1.0.17 - Remove uppercasing on fork names (#28) - Fixed icon missplacement in comments (#27) - More fixes diff --git a/Gitea/theme-gitea-modern.user.css b/Gitea/theme-gitea-modern.user.css index f5de02c..839f0bd 100644 --- a/Gitea/theme-gitea-modern.user.css +++ b/Gitea/theme-gitea-modern.user.css @@ -1,6 +1,6 @@ /* ==UserStyle== @name Gitea Modern -@version 1.0.15 +@version 1.0.17 @description A modern style for Gitea and Codeberg! @updateURL https://codeberg.org/Freeplay/CSS-Styles/raw/branch/main/Gitea/theme-gitea-modern.user.css @homepageURL https://codeberg.org/Freeplay/CSS-Styles diff --git a/Gitea/theme-gitea-modern.user.styl b/Gitea/theme-gitea-modern.user.styl index 877e37b..15fbfb9 100644 --- a/Gitea/theme-gitea-modern.user.styl +++ b/Gitea/theme-gitea-modern.user.styl @@ -2,7 +2,7 @@ /* ==UserStyle== @name Gitea Modern -@version 1.0.15 +@version 1.0.17 @description A modern style for Gitea and Codeberg! @updateURL https://codeberg.org/Freeplay/CSS-Styles/raw/branch/main/Gitea/theme-gitea-modern.user.css @homepageURL https://codeberg.org/Freeplay/CSS-Styles diff --git a/theme-gitea-modern.css b/theme-gitea-modern.css new file mode 100644 index 0000000..92bb5b4 --- /dev/null +++ b/theme-gitea-modern.css @@ -0,0 +1 @@ +:root{--base-border-radius:6px}html.theme-gitea,html.theme-arc-green{--fonts-override:var(--fonts-regular);accent-color:var(--color-primary)}a[rel*="nofollow"]:not(.ui):hover,.link:not(.ui):hover,a[rel*="nofollow"]:not(.ui):focus,.link:not(.ui):focus{text-decoration:underline;text-underline-offset:5px}*:not(input){outline:0 dashed var(--color-primary);outline-offset:-3px;transition:outline-color .5s,outline-offset .5s}:focus-visible:not(input){box-shadow:0 0 5px 0 var(--color-primary) !important;border-radius:2px;outline:2px solid var(--color-primary) !important;outline-offset:0}.ui.buttons .ui.basic.button{border-radius:0}.ui.button,.ui.basic.button,.ui.menu,.input.action.fluid,.ui.label,.ui.form input:not([type]),.ui.form input[type="date"],.ui.form input[type="datetime-local"],.ui.form input[type="email"],.ui.form input[type="file"],.ui.form input[type="number"],.ui.form input[type="password"],.ui.form input[type="search"],.ui.form input[type="tel"],.ui.form input[type="text"],.ui.form input[type="time"],.ui.form input[type="url"],.ui.table,.tab-size-8{border-radius:var(--base-border-radius)}.ui.menu:not(.secondary) > .item:first-child,.ui.buttons .button:first-child,.ui.buttons > .ui.basic.button:first-child{border-radius:var(--base-border-radius) 0 0 var(--base-border-radius)}.ui.compact.menu:not(.secondary) .item:last-child,.ui.buttons .button:last-child,.ui.action.input > .button:last-child,.ui.buttons > .ui.basic.button:last-child{border-radius:0 var(--base-border-radius) var(--base-border-radius) 0}.ui.top.attached.header{border-radius:var(--base-border-radius) var(--base-border-radius) 0 0}.ui.avatar{border-radius:var(--base-border-radius) !important}.button{text-overflow:ellipsis}.ui.compact.button{padding-top:.3em;padding-bottom:.3em;min-height:2.4em;display:inline-flex;align-items:center}.ui.compact.button svg{margin-bottom:-1px !important}.ui.basic.button,.ui.basic.label{background:none}.input.action.fluid{border:1px solid var(--color-secondary) !important;height:auto;background-color:var(--color-input-background)}.input.action.fluid input{border:0}.input.action.fluid button{margin:2px !important;margin-left:0 !important;padding-top:0 !important;padding-bottom:0 !important;box-sizing:border-box;border-radius:var(--base-border-radius) !important}.input.action.fluid .icon{border:0 !important}.input.action.fluid:focus-within{border-color:var(--color-primary) !important}.ui.form + .ui.divider{display:none}.three.column{margin-left:0;margin-right:0}.three.column .column{width:auto !important;align-items:center !important;display:flex !important}.three.column .column .small:not(.modal),.three.column .column a{max-height:40px !important;min-height:unset;display:flex;align-items:center}.three.column .column form{width:100%}.three.column .column:first-child{padding-left:0}.three.column .column:last-child{padding-right:0}.three.column .center{flex-grow:100;padding-left:0 !important;padding-right:0 !important}.popup.tiny.inverted{background:var(--color-body);color:var(--color-text);box-shadow:var(--lt-shadowDefault) !important;border:1px solid var(--color-secondary);pointer-events:none;z-index:9999999}.popup.tiny.inverted::before{background:var(--color-body) !important;z-index:-99999 !important;border-color:var(--color-secondary) !important}.ui.left.popup::before{border:0;border-top:1px solid;border-right:1px solid}.ui.right.popup::before{border:0;border-left:1px solid;border-bottom:1px solid}.ui.top.popup::before{border:0;border-right:1px solid;border-bottom:1px solid}.ui.bottom.popup::before{border:0;border-top:1px solid;border-left:1px solid}.settings > .ui.container{max-width:1150px !important}.ui.two.column.stackable.grid > .column{width:auto !important;flex-grow:1}.ui.compact.tiny.menu{flex-grow:1}.ui.compact.tiny.menu a{flex-grow:1;justify-content:center}.page-content:not(.home) > .middle{padding:calc(4vw + 1rem) 4vw !important;width:100% !important}.page-content:not(.home) > .middle > .column{padding:0 !important}.full.height > span[style="display: inline !important;"]:first-child{margin:auto;line-height:40px;padding:30px;text-align:center}.full.height > span[style="display: inline !important;"]:first-child::before{content:"";position:absolute;top:0;left:0;right:0;height:40px;background:var(--color-navbar);border-bottom:1px solid var(--color-secondary);z-index:-1}.full.height > span[style="display: inline !important;"]:first-child ~ .page-content #app,.full.height > span[style="display: inline !important;"]:first-child ~ .page-content #dashboard-repo-list,.full.height > span[style="display: inline !important;"]:first-child ~ .page-content #user-heatmap,.full.height > span[style="display: inline !important;"]:first-child ~ .page-content #user-heatmap + .divider{display:none !important}.full.height > span[style="display: inline !important;"]:first-child ~ .page-content .dashboard-navbar{bottom:unset !important;top:10px !important;align-self:flex-start !important;padding-top:10px}#user-heatmap{overflow:auto hidden;justify-content:flex-start;max-width:900px;margin:auto;align-items:stretch}#user-heatmap .vch__wrapper{min-width:600px}.repo-title a:nth-last-child(2){font-weight:600 !important}.label:not(.basic){border-radius:100px !important;padding:4px 8px !important;font-weight:700;align-items:center;justify-content:center;min-width:24px !important;display:inline-flex}.label:not(.basic).sha > .detail{margin-left:6px !important}.label:not(.basic) svg{margin-right:4px}.alert-primary.p-10{border:0 !important;padding:20px !important}.alert-primary.p-10 .close span{font-size:1.7em;font-weight:200;padding-right:6px}.alert-primary.p-10 h4{margin-right:1.7em;font-weight:600}.ui.tabular.menu,.ui.tight.menu{position:relative;flex-direction:row !important;flex-wrap:nowrap !important;overflow:auto hidden !important;scrollbar-width:thin;padding-bottom:2px;scrollbar-color:var(--color-primary) var(--color-secondary);border-bottom:1px solid var(--color-secondary) !important}.ui.tabular.menu.ui.tight.menu > .item,.ui.tight.menu.ui.tight.menu > .item{width:auto !important;border-bottom-width:0 !important;position:relative !important;padding:.85714286em 1.14285714em}.ui.tabular.menu.ui.tight.menu > .item::before,.ui.tight.menu.ui.tight.menu > .item::before{content:"" !important;position:absolute !important;bottom:0 !important;left:20px !important;right:20px !important;top:unset !important;width:unset !important;height:2px !important;opacity:.7;border-radius:4px 4px 0 0;background:none;display:flex !important;transition:left 2s}.ui.tabular.menu.ui.tight.menu > .item.active::before,.ui.tight.menu.ui.tight.menu > .item.active::before{background-color:var(--color-primary) !important;left:0 !important;right:0 !important}.ui.tabular.menu{border-bottom:0 !important;position:relative}.ui.tabular.menu::before{content:"";position:absolute;bottom:1px;left:0;right:0;z-index:-1;border-top:1px solid var(--color-secondary)}.ui.tabular.menu:not(.borderless) > .item{width:auto !important;padding:16px 24px;min-width:70px;justify-content:center;position:relative}.ui.tabular.menu:not(.borderless) > .item svg{margin-right:10px !important}.ui.tabular.menu:not(.borderless) > .item.active{border-radius:10px 10px 0 0 !important;z-index:1}.ui.tabular.menu:not(.borderless) > .item.active::after{content:"" !important;position:absolute;width:6px;height:6px;bottom:1px;right:-7px;border-bottom-left-radius:100px;box-shadow:-1px 1px 0 0 var(--color-secondary),-3px 3px 0 2px var(--color-body)}.ui.tabular.menu:not(.borderless) > .item.active::before{all:unset;content:"" !important;position:absolute;width:6px;height:6px;bottom:1px;left:-7px;border-bottom-right-radius:100px;box-shadow:1px 1px 0 0 var(--color-secondary),3px 3px 0 2px var(--color-body);display:unset !important}.ui.tabular.menu:not(.borderless) > .item.active:first-child::before{content:none !important}.ui.secondary.pointing.menu{background:none !important}.ui.secondary.pointing.menu .new-menu-inner{width:1150px;padding:0 20px}.ui.secondary.pointing.menu .item{border:none}.ui.secondary.pointing.menu .active{position:relative}.ui.secondary.pointing.menu .active::before{all:unset;content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background-color:var(--color-primary) !important;display:flex !important;opacity:.7}.ui.secondary.pointing.menu .item:last-child{padding-right:1.14286em !important}.ui.secondary.pointing.menu::after{content:unset !important}.repository .filter.menu .menu{max-height:80vh;width:max-content !important}.repository .filter.menu .menu .info{width:100% !important;padding:.8em !important;line-height:1.2em;white-space:normal !important}html{scroll-behavior:smooth;scroll-snap-type:y mandatory;scrollbar-width:auto !important}.full.height{padding-bottom:30px}.following.bar{--min-height:60px;background:none !important;border-bottom:1px solid var(--color-secondary) !important;background-color:var(--color-navbar) !important;position:relative;min-height:var(--min-height);align-items:center}.following.bar #navbar{padding:0 calc(18px + 1%) !important;background:none !important;max-width:100rem;transition:padding 1s;min-height:var(--min-height) !important;margin:auto}.following.bar #navbar > .item:not(.brand),.following.bar #navbar > .right > .item{color:var(--color-text-dark) !important;font-size:1rem !important;font-weight:600;padding:0 calc(0px + 1%);height:calc(var(--min-height) + 1px) !important;margin:0 !important;border-radius:0;border-top:1px solid transparent;border-bottom:1px solid transparent;margin-bottom:-1px !important;background:none !important;box-sizing:border-box;transition:border .5s,padding .7s}.following.bar #navbar > .item:not(.brand) > span,.following.bar #navbar > .right > .item > span{height:100%;display:flex;align-items:center}.following.bar #navbar > .item:not(.brand):hover,.following.bar #navbar > .right > .item:hover,.following.bar #navbar > .item:not(.brand).active,.following.bar #navbar > .right > .item.active,.following.bar #navbar > .item:not(.brand):focus,.following.bar #navbar > .right > .item:focus{border-bottom:1px solid var(--color-primary);transition:border .1s;outline:none}.following.bar #navbar .item.brand{padding:0 !important;min-height:var(--min-height) !important}.following.bar #navbar .item.brand a{width:35px;height:35px;margin-right:20px;background-position:center}.following.bar #navbar .item.brand a img{width:100%;height:100%}.following.bar #navbar .right{position:sticky;right:1%;background-color:var(--color-navbar);box-shadow:100px 0 0 var(--color-navbar);width:100%;min-width:max-content;justify-content:flex-end}.following.bar #navbar .right > .item{padding:0 10px}.following.bar #navbar .right > .item > .text{display:flex;align-items:center}.following.bar #navbar .right > .item > .text span:not(.fitted){margin-left:10px}.following.bar #navbar .right > .item > .text img ~ .fitted{margin-left:4px}@media only screen and (min-width:850px){.page-content.repository:not(.issues.repository.milestones){display:grid;grid-row-gap:10px;grid-template-columns:100px calc(100% - 100px);padding:0 20px;padding-top:20px;width:1367px;max-width:100%;margin:auto}.page-content.repository:not(.issues.repository.milestones) > .middle{grid-column:1/span 2}.page-content.repository:not(.issues.repository.milestones) .header-wrapper{display:contents}.page-content.repository:not(.issues.repository.milestones) .header-wrapper > .ui.container:first-child{grid-row:1;grid-column:1/span 2;width:100%;padding-left:100px;border:0 !important;box-shadow:none !important}.page-content.repository:not(.issues.repository.milestones) .header-wrapper > .ui.container:first-child .avatar,.page-content.repository:not(.issues.repository.milestones) .header-wrapper > .ui.container:first-child .repo-icon{width:50px !important;height:50px !important;object-fit:contain;margin:0 10px;margin-left:-90px;margin-right:39px !important;margin-bottom:-10px;display:flex;justify-content:center;align-items:center;border-radius:8px !important;z-index:2}.page-content.repository:not(.issues.repository.milestones) .header-wrapper > .ui.container:first-child .repo-title-wrap{display:flex;flex-direction:row !important;align-items:center}.page-content.repository:not(.issues.repository.milestones) .header-wrapper > .ui.container:first-child .fork-flag{margin:0 !important;margin-left:6px !important;padding:2px 8px;font-size:12px;border-radius:var(--base-border-radius);border:1px solid var(--color-secondary)}.page-content.repository:not(.issues.repository.milestones) .header-wrapper .tabs{order:-1;width:auto !important;margin:0 !important;margin-top:60px !important;grid-column:1;grid-row:2/span 5;height:min-content;position:sticky;bottom:20px;margin-bottom:-60px !important;align-self:flex-end;align-content:flex-start;min-height:calc(100vh - 40px)}.page-content.repository:not(.issues.repository.milestones) .header-wrapper .tabs::before{content:"";position:absolute;bottom:0;left:20px;right:50px;top:-10px;background-color:var(--color-body);box-shadow:0 0 20px 20px var(--color-body);opacity:.8}.page-content.repository:not(.issues.repository.milestones) .header-wrapper .tabs .tabular{flex-direction:column !important;padding-right:30px;overflow:visible !important;padding-left:0;border-bottom:0 !important}.page-content.repository:not(.issues.repository.milestones) .header-wrapper .tabs .tabular::before{content:unset !important}.page-content.repository:not(.issues.repository.milestones) .header-wrapper .divider{display:none}.page-content.repository:not(.issues.repository.milestones) > .ui.container{width:100%}#project-board{width:calc(100vw + 10px);max-width:unset;justify-self:center;margin-left:-100px;margin-top:-10px;margin-bottom:calc(-100vh + 0px);overflow-x:auto;scrollbar-color:var(--color-primary) transparent;position:static;height:calc(100vh - 175px);scroll-snap-align:end}#project-board > .board{overflow:visible;margin:0 auto !important;padding-left:100px;box-sizing:content-box;width:1227px;height:100% !important}#project-board > .board::after{content:"";display:flex;min-width:100px}#project-board > .board .board-column{height:100% !important;box-sizing:border-box;box-shadow:20px 0 0 0 var(--color-body)}#project-board > .board .card{box-sizing:border-box}}.page-content.repository:not(.milestones){width:1300px;height:min-content;max-width:100%;margin:auto;margin-bottom:-80px}.page-content.repository:not(.milestones) .header-wrapper{padding-top:40px !important;border-bottom:0 !important;background:none}.page-content.repository:not(.milestones) .header-wrapper .repo-title{flex-wrap:wrap;line-height:1.5em;justify-content:center}.page-content.repository:not(.milestones) .header-wrapper .repo-buttons{display:flex;flex-wrap:wrap;justify-content:center}.page-content.repository:not(.milestones) .header-wrapper .repo-buttons > *{margin-top:4px}.page-content.repository:not(.milestones) .header-wrapper .tabs.container{margin-inline:0 !important;width:100%;margin-bottom:.7em}.page-content.repository:not(.milestones) .header-wrapper .tabs.container .tabular{padding-inline:3rem;border-bottom:0 !important}.page-content.repository:not(.milestones) .header-wrapper .tabs.container .tabular::before{content:unset !important}.page-content.repository:not(.milestones) .header-wrapper .tabs.container .tabular .item{display:flex;flex-direction:column;text-align:center;padding-top:12px;padding-bottom:18px;width:90px !important;max-width:100% !important;flex-grow:1;position:relative;background:none;color:var(--color-text);opacity:.7;border-radius:12px !important}.page-content.repository:not(.milestones) .header-wrapper .tabs.container .tabular .item svg{margin:0;width:22px;height:22px;max-width:unset !important;margin-bottom:10px;margin-right:0 !important;overflow:visible;order:-2}.page-content.repository:not(.milestones) .header-wrapper .tabs.container .tabular .item .label{margin:0 !important;margin-top:-3px !important;margin-bottom:6px !important;order:-1;position:relative}.page-content.repository:not(.milestones) .header-wrapper .tabs.container .tabular .item.active{border:none;opacity:1}.page-content.repository:not(.milestones) .header-wrapper .tabs.container .tabular .item.active::before{content:unset !important}.page-content.repository:not(.milestones) .header-wrapper .tabs.container .tabular .item.active::after{all:unset;content:"";position:absolute;top:2px;left:-5px;right:-5px;bottom:5px;background:var(--color-primary);opacity:.1;border-radius:12px !important;z-index:-1}.page-content.repository:not(.milestones) .header-wrapper .tabs.container .tabular .item:hover{opacity:.9 !important}.page-content.repository:not(.milestones) .header-wrapper .tabs.container .tabular .right.menu{display:contents}.page-content.repository:not(.milestones) .header-wrapper .tabs.container .tabular .right.menu .item{justify-content:center}.page-content.repository:not(.milestones) .header-wrapper .divider{display:none !important}.page-content.repository:not(.milestones) > .ui.container{height:min-content;position:relative}.page-content.repository:not(.milestones) > .ui.container > .three.column.stackable.grid:focus-within{position:relative;z-index:3;background-color:var(--color-body)}.page-content.repository:not(.milestones) > .ui.container > .three.column.stackable.grid + .ui.divider + .two.column.stackable.grid{position:absolute;z-index:2;background-color:var(--color-body);inset:0;margin:0 !important;height:39px}.page-content.repository:not(.milestones) > .ui.container > .three.column.stackable.grid + .ui.divider + .two.column.stackable.grid > .column{padding:0 !important}.page-content.repository:not(.milestones) > .ui.container > .three.column.stackable.grid + .ui.divider + .two.column.stackable.grid > .column .item{padding-block:0 !important}.page-content.repository:not(.milestones) > .ui.container > div:not(.attached){height:min-content;margin-top:0 !important;margin-bottom:.7rem !important}.page-content.repository:not(.milestones) > .ui.container > .column + .divider:not(.header){border:0;margin:-22px 0 !important}.page-content.repository:not(.milestones) > .ui.container > .column:first-child > .column{padding-top:0}.page-content.repository:not(.milestones) > .ui.container #repo-desc{font-size:1.14rem;line-height:1.6rem;margin-bottom:0 !important}.page-content.repository:not(.milestones) > .ui.container #repo-desc:not(:empty){margin-bottom:.3rem !important}.page-content.repository:not(.milestones) > .ui.container #repo-topics{margin:0 -4px;margin-bottom:0 !important;margin-top:-.5rem !important;align-items:flex-start !important}.page-content.repository:not(.milestones) > .ui.container #repo-topics > *:last-child{margin:2px !important;height:22px !important;margin-bottom:.7rem !important}.page-content.repository:not(.milestones) > .ui.container .repo-topic{border-radius:100px;padding:4px 10px;color:var(--color-primary);font-size:.9rem;position:relative}.page-content.repository:not(.milestones) > .ui.container .repo-topic:not(:hover){background:none}.page-content.repository:not(.milestones) > .ui.container .repo-topic::before{content:"";position:absolute;inset:0;border-radius:100px;background:var(--color-primary);opacity:.07;z-index:-1}.page-content.repository:not(.milestones) > .ui.container .form .ui.tabular.menu{margin-bottom:-2px;z-index:1}.page-content.repository:not(.milestones) > .ui.container #comment-form .markdown{padding-top:15px}.page-content.repository:not(.milestones) > .ui.container .repository-summary-language-stats{border:0}.page-content.repository:not(.milestones) > .ui.container .repository-summary-language-stats .language-stats-details{padding:0 !important}.page-content.repository:not(.milestones) > .ui.container .repository-summary-language-stats .item{position:relative;width:auto;flex-grow:1;padding:0 !important;min-width:min-content}.page-content.repository:not(.milestones) > .ui.container .repository-summary-language-stats .item.ac{padding:12px !important}.page-content.repository:not(.milestones) > .ui.container .repository-summary-language-stats .item .ui,.page-content.repository:not(.milestones) > .ui.container .repository-summary-language-stats .item .ac{display:block;line-height:1.4em;width:100%;padding:8px}.page-content.repository:not(.milestones) > .ui.container .repository-summary-language-stats .item .ui svg,.page-content.repository:not(.milestones) > .ui.container .repository-summary-language-stats .item .ac svg{vertical-align:top;margin-right:.2em}.page-content.repository:not(.milestones) > .ui.container .repository-summary-language-stats .item::after{all:unset;content:"";inset:0;position:absolute;background-color:var(--color-primary);border-radius:var(--base-border-radius);opacity:.1;pointer-events:none}.page-content.repository:not(.milestones) > .ui.container .repository-summary-language-stats .language-stats{border-radius:100px;overflow:hidden;margin-top:.7em}.page-content.repository:not(.milestones) > .ui.container .mobile--no-negative-margins{margin:10px -.35714286em;flex-wrap:wrap;flex-direction:row !important;grid-row-gap:5px}.page-content.repository:not(.milestones) > .ui.container .mobile--no-negative-margins .mx-0,.page-content.repository:not(.milestones) > .ui.container .mobile--no-negative-margins .mr-1{width:auto !important}.page-content.repository:not(.milestones) > .ui.container .mobile--no-negative-margins > .item:nth-last-child(+2){flex-grow:1}.page-content.repository:not(.milestones) > .ui.container .mobile--no-negative-margins > .item:last-child{flex:3 1 100px;margin-left:4px}.page-content.repository:not(.milestones) > .ui.container .mobile--no-negative-margins > .item:first-child .floating.filter.dropdown > .basic.small.compact.button .text{font-size:0;display:flex;align-items:center}.page-content.repository:not(.milestones) > .ui.container .mobile--no-negative-margins > .item:first-child .floating.filter.dropdown > .basic.small.compact.button .text strong{font-size:1rem;margin-left:8px;margin-right:4px;font-weight:500}.page-content.repository:not(.milestones) > .ui.container .mobile--no-negative-margins .breadcrumb{margin:0 10px}.page-content.repository:not(.milestones) > .ui.container .mobile--no-negative-margins button,.page-content.repository:not(.milestones) > .ui.container .mobile--no-negative-margins .button{align-content:center;display:flex;align-items:center;height:32px !important;padding-left:16px !important;padding-right:16px !important;box-sizing:border-box}.page-content.repository:not(.milestones) > .ui.container .mobile--no-negative-margins button.icon,.page-content.repository:not(.milestones) > .ui.container .mobile--no-negative-margins .button.icon{padding-left:8px !important;padding-right:8px !important}.page-content.repository:not(.milestones) > .ui.container .mobile--no-negative-margins #file-buttons{margin:0 4px !important}.page-content.repository:not(.milestones) > .ui.container .mobile--no-negative-margins #clone-panel{width:300px !important;box-sizing:border-box;flex-grow:1;border:1px solid var(--color-secondary);padding:2px;height:auto;border-radius:var(--base-border-radius)}.page-content.repository:not(.milestones) > .ui.container .mobile--no-negative-margins #clone-panel input{width:0 !important;min-width:unset;flex-grow:1;border:0;background:none;border-radius:var(--base-border-radius) !important}.page-content.repository:not(.milestones) > .ui.container .mobile--no-negative-margins #clone-panel button{border-radius:var(--base-border-radius) !important;margin-right:2px;background:none;border:0;height:28px !important}.page-content.repository:not(.milestones) > .ui.container .mobile--no-negative-margins #clone-panel button:hover{background:var(--color-light)}.page-content.repository:not(.milestones) > .ui.container .mobile--no-negative-margins #clone-panel button:last-child{margin-right:0}.page-content.repository:not(.milestones) > .ui.container #repo-files-table{margin-top:0;background:none !important;display:flex;flex-direction:column}.page-content.repository:not(.milestones) > .ui.container #repo-files-table thead{position:relative}.page-content.repository:not(.milestones) > .ui.container #repo-files-table thead::after{content:"";position:absolute;inset:0;background:var(--color-primary);opacity:.05;z-index:-1}.page-content.repository:not(.milestones) > .ui.container #repo-files-table thead tr{background:none !important}.page-content.repository:not(.milestones) > .ui.container #repo-files-table thead th{padding:12px 12px;background:none !important;max-width:100%}.page-content.repository:not(.milestones) > .ui.container #repo-files-table thead th:first-child{width:0;flex-grow:1;display:flex !important;align-items:center;flex-wrap:wrap}.page-content.repository:not(.milestones) > .ui.container #repo-files-table thead th:first-child > a{min-width:max-content !important;max-width:100px}.page-content.repository:not(.milestones) > .ui.container #repo-files-table thead th:last-child{padding-block:0 !important}.page-content.repository:not(.milestones) > .ui.container #repo-files-table thead th a{color:var(--color-text)}.page-content.repository:not(.milestones) > .ui.container #repo-files-table thead th > .avatar{width:20px;height:20px;margin:4px;margin-right:8px !important}.page-content.repository:not(.milestones) > .ui.container #repo-files-table thead .avatar{margin-right:4px}.page-content.repository:not(.milestones) > .ui.container #repo-files-table thead .avatar + a{display:inline-flex !important}.page-content.repository:not(.milestones) > .ui.container #repo-files-table thead .commit-summary{display:contents}.page-content.repository:not(.milestones) > .ui.container #repo-files-table thead .message-wrapper{display:inline-flex;width:100px;flex-grow:1}.page-content.repository:not(.milestones) > .ui.container #repo-files-table thead .message-wrapper a{overflow:hidden;text-overflow:ellipsis;max-width:100%}.page-content.repository:not(.milestones) > .ui.container #repo-files-table thead .commit-body{padding:6px;padding-right:0;width:100%}.page-content.repository:not(.milestones) > .ui.container #repo-files-table tr{position:relative;width:100%;display:flex !important;align-items:center}.page-content.repository:not(.milestones) > .ui.container #repo-files-table tr td:first-child{width:250px;max-width:50%}.page-content.repository:not(.milestones) > .ui.container #repo-files-table tr td:nth-child(2){width:0 !important;max-width:unset;flex-grow:1}.page-content.repository:not(.milestones) > .ui.container #repo-files-table td::before{content:"";position:absolute !important;inset:0;pointer-events:none !important;z-index:-100 !important;background:var(--color-primary);opacity:0}.page-content.repository:not(.milestones) > .ui.container #repo-files-table tr:hover td:nth-child(2)::before,.page-content.repository:not(.milestones) > .ui.container #repo-files-table tr:focus-within td:nth-child(2)::before{opacity:.1}.page-content.repository:not(.milestones) > .ui.container #repo-files-table .truncate{overflow:visible;display:inline-flex}.page-content.repository:not(.milestones) > .ui.container #repo-files-table .truncate a{margin:-8px 0;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:var(--color-text)}.page-content.repository:not(.milestones) > .ui.container #repo-files-table .truncate a:hover,.page-content.repository:not(.milestones) > .ui.container #repo-files-table .truncate a:focus{color:var(--color-primary)}.page-content.repository:not(.milestones) > .ui.container #repo-files-table .truncate a:last-child{flex-grow:1}.page-content.repository:not(.milestones) > .ui.container #repo-files-table .truncate svg{margin:0 10px;margin-top:2px}.page-content.repository:not(.milestones) > .ui.container #repo-files-table .name{padding-left:8px}.page-content.repository:not(.milestones) > .ui.container #repo-files-table .message,.page-content.repository:not(.milestones) > .ui.container #repo-files-table .right:not(.popup){opacity:.8}.page-content.repository:not(.milestones) > .ui.container .file-header{padding:8px 16px !important;font-size:1rem}.page-content.repository:not(.milestones) > .ui.container .file-header .octicon-book{color:var(--color-text-light-2) !important;margin-right:10px !important}.page-content.repository:not(.milestones) > .ui.container .file-header strong{line-height:35px}.page-content.repository:not(.milestones) > .ui.container .issue.list{margin-top:-8px !important}.page-content.repository:not(.milestones) > .ui.container .diff-box.sticky{margin:0 -1px;border-bottom:0}.page-content.repository:not(.milestones) > .ui.container .sticky-2nd-row{box-shadow:0 -2px 0 2px var(--color-body)}.page-content.repository:not(.milestones) > .ui.container .ui.timeline{margin-left:-16px}.page-content.repository:not(.milestones) > .ui.container .timeline-item.comment{display:flex}.page-content.repository:not(.milestones) > .ui.container .timeline-item.comment .content{flex-grow:1}.page-content.repository:not(.milestones) > .ui.container .timeline-item .timeline-avatar{position:relative;left:0;width:0;margin-top:.7em;z-index:2}.page-content.repository:not(.milestones) > .ui.container .timeline-item .timeline-avatar img,.page-content.repository:not(.milestones) > .ui.container .timeline-item .timeline-avatar svg{margin:0;height:1.6em !important;min-width:1.6em;width:1.6em !important}.page-content.repository:not(.milestones) > .ui.container .timeline-item.form .timeline-avatar{display:none !important}.page-content.repository:not(.milestones) > .ui.container .timeline-item .comment-header::after,.page-content.repository:not(.milestones) > .ui.container .timeline-item .form::after,.page-content.repository:not(.milestones) > .ui.container .timeline-item .no-header::after,.page-content.repository:not(.milestones) > .ui.container .timeline-item .comment-header::before,.page-content.repository:not(.milestones) > .ui.container .timeline-item .form::before,.page-content.repository:not(.milestones) > .ui.container .timeline-item .no-header::before{content:unset !important}.page-content.repository:not(.milestones) > .ui.container .timeline-item .header{padding-left:calc(1.7em + 22px) !important}.page-content.repository:not(.milestones) > .ui.container .timeline-item .reactions{border:0 !important;padding:0 1em;margin-top:-.4em !important;padding-bottom:.4em !important}.page-content.repository:not(.milestones) > .ui.container .timeline-item .reactions > a{padding:4px 8px !important;margin-right:.5em;margin-bottom:.5em;border:1px solid var(--color-secondary);border-radius:calc(var(--base-border-radius) * 2)}.page-content.repository:not(.milestones) > .ui.container .timeline-item .reactions > a .reaction{font-size:1em}.page-content.repository:not(.milestones) > .ui.container .timeline-item .reactions .select-reaction{padding:0 !important}.page-content.repository:not(.milestones) > .ui.container .ui.grid > .eleven{margin-left:1rem}.page-content.repository:not(.milestones) > .ui.container .ui.grid > .four > .metas{position:sticky;min-height:calc(100vh - 40px);bottom:20px;top:unset;align-self:flex-end}@media only screen and (min-width:1000px){.page-content.repository:not(.milestones).file > .ui.container,.page-content.repository:not(.milestones).commits > .ui.container,.page-content.repository:not(.milestones).branches > .ui.container{margin:0 !important;grid-column:2;width:auto !important;max-width:100% !important;display:grid;grid-template-columns:calc(100% - 100px) 100px;grid-template-rows:min-content !important;align-items:flex-start}.page-content.repository:not(.milestones).file > .ui.container > *,.page-content.repository:not(.milestones).commits > .ui.container > *,.page-content.repository:not(.milestones).branches > .ui.container > *{grid-column:1}.page-content.repository:not(.milestones).file > .ui.container .repository-summary,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"],.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"],.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"]{grid-column:2;grid-row:1/span 50;border:0;margin-top:12px !important;margin-left:30px;height:min-content;position:sticky;width:70px;bottom:20px;top:unset;align-self:flex-end;background:none !important;min-height:calc(100vh - 40px);margin-bottom:-60px !important;overflow:visible !important;display:flex;flex-direction:column;align-items:center}.page-content.repository:not(.milestones).file > .ui.container .repository-summary .segment,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .segment,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .segment,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .segment,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .segment,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .segment{background:none}.page-content.repository:not(.milestones).file > .ui.container .repository-summary .language-stats-details,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .language-stats-details,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .language-stats-details,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats-details,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats-details,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats-details{display:flex !important;padding:0;border-top:1px solid rgba(0,0,0,0.1);overflow:hidden;background:none !important}.page-content.repository:not(.milestones).file > .ui.container .repository-summary .language-stats-details .item,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .language-stats-details .item,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .language-stats-details .item,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats-details .item,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats-details .item,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats-details .item{flex-direction:column}.page-content.repository:not(.milestones).file > .ui.container .repository-summary .language-stats-details .item > *,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .language-stats-details .item > *,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .language-stats-details .item > *,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats-details .item > *,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats-details .item > *,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats-details .item > *{margin:0 !important}.page-content.repository:not(.milestones).file > .ui.container .repository-summary .language-stats-details .item i,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .language-stats-details .item i,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .language-stats-details .item i,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats-details .item i,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats-details .item i,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats-details .item i{margin-bottom:8px !important}.page-content.repository:not(.milestones).file > .ui.container .repository-summary .repository-menu,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .repository-menu,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .repository-menu,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .repository-menu,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .repository-menu,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .repository-menu{display:block !important;height:unset !important}.page-content.repository:not(.milestones).file > .ui.container .repository-summary .language-stats-details,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .language-stats-details,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .language-stats-details,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats-details,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats-details,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats-details{height:unset !important;padding:0 !important;margin:0 !important;order:2;border:0 !important}.page-content.repository:not(.milestones).file > .ui.container .repository-summary .language-stats,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .language-stats,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .language-stats,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats{border-radius:var(--base-border-radius) !important;overflow:hidden !important;pointer-events:none;margin-top:0}.page-content.repository:not(.milestones).file > .ui.container .repository-summary .horizontal.list:not(.two),.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .horizontal.list:not(.two),.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .horizontal.list:not(.two),.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .horizontal.list:not(.two),.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .horizontal.list:not(.two),.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .horizontal.list:not(.two){padding-top:1rem}.page-content.repository:not(.milestones).file > .ui.container .repository-summary .list,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list,.page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal{flex-direction:column;background:none !important;justify-content:flex-start}.page-content.repository:not(.milestones).file > .ui.container .repository-summary .list .item,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list .item,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list .item,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item,.page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal .item,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal .item,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal .item,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item,.page-content.repository:not(.milestones).file > .ui.container .repository-summary .list > a.attached.segment,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list > a.attached.segment,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list > a.attached.segment,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment,.page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal > a.attached.segment,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal > a.attached.segment,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal > a.attached.segment,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment{border-radius:12px !important;padding:12px 0 !important;padding-bottom:18px !important;flex-grow:0;position:relative;margin-right:0 !important;border:none}.page-content.repository:not(.milestones).file > .ui.container .repository-summary .list .item a,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list .item a,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list .item a,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item a,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item a,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item a,.page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal .item a,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal .item a,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal .item a,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item a,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item a,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item a,.page-content.repository:not(.milestones).file > .ui.container .repository-summary .list > a.attached.segment a,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list > a.attached.segment a,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list > a.attached.segment a,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment a,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment a,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment a,.page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal > a.attached.segment a,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal > a.attached.segment a,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal > a.attached.segment a,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment a,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment a,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment a{padding:0 !important}.page-content.repository:not(.milestones).file > .ui.container .repository-summary .list .item .bold,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list .item .bold,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list .item .bold,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item .bold,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item .bold,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item .bold,.page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal .item .bold,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal .item .bold,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal .item .bold,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item .bold,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item .bold,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item .bold,.page-content.repository:not(.milestones).file > .ui.container .repository-summary .list > a.attached.segment .bold,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list > a.attached.segment .bold,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list > a.attached.segment .bold,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment .bold,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment .bold,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment .bold,.page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal > a.attached.segment .bold,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal > a.attached.segment .bold,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal > a.attached.segment .bold,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment .bold,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment .bold,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment .bold,.page-content.repository:not(.milestones).file > .ui.container .repository-summary .list .item b,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list .item b,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list .item b,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item b,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item b,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item b,.page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal .item b,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal .item b,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal .item b,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item b,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item b,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item b,.page-content.repository:not(.milestones).file > .ui.container .repository-summary .list > a.attached.segment b,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list > a.attached.segment b,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list > a.attached.segment b,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment b,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment b,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment b,.page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal > a.attached.segment b,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal > a.attached.segment b,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal > a.attached.segment b,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment b,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment b,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment b{font-weight:500 !important}.page-content.repository:not(.milestones).file > .ui.container .repository-summary .list .item.active,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list .item.active,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list .item.active,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item.active,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item.active,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item.active,.page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal .item.active,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal .item.active,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal .item.active,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item.active,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item.active,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item.active,.page-content.repository:not(.milestones).file > .ui.container .repository-summary .list > a.attached.segment.active,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list > a.attached.segment.active,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list > a.attached.segment.active,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment.active,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment.active,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment.active,.page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal > a.attached.segment.active,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal > a.attached.segment.active,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal > a.attached.segment.active,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment.active,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment.active,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment.active,.page-content.repository:not(.milestones).file > .ui.container .repository-summary .list .item:target,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list .item:target,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list .item:target,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item:target,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item:target,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item:target,.page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal .item:target,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal .item:target,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal .item:target,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item:target,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item:target,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item:target,.page-content.repository:not(.milestones).file > .ui.container .repository-summary .list > a.attached.segment:target,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list > a.attached.segment:target,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list > a.attached.segment:target,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment:target,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment:target,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment:target,.page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal > a.attached.segment:target,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal > a.attached.segment:target,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal > a.attached.segment:target,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment:target,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment:target,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment:target{background:none !important}.page-content.repository:not(.milestones).file > .ui.container .repository-summary .list .item.active::before,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list .item.active::before,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list .item.active::before,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item.active::before,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item.active::before,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item.active::before,.page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal .item.active::before,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal .item.active::before,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal .item.active::before,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item.active::before,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item.active::before,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item.active::before,.page-content.repository:not(.milestones).file > .ui.container .repository-summary .list > a.attached.segment.active::before,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list > a.attached.segment.active::before,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list > a.attached.segment.active::before,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment.active::before,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment.active::before,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment.active::before,.page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal > a.attached.segment.active::before,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal > a.attached.segment.active::before,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal > a.attached.segment.active::before,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment.active::before,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment.active::before,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment.active::before,.page-content.repository:not(.milestones).file > .ui.container .repository-summary .list .item:target::before,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list .item:target::before,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list .item:target::before,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item:target::before,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item:target::before,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item:target::before,.page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal .item:target::before,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal .item:target::before,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal .item:target::before,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item:target::before,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item:target::before,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item:target::before,.page-content.repository:not(.milestones).file > .ui.container .repository-summary .list > a.attached.segment:target::before,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list > a.attached.segment:target::before,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list > a.attached.segment:target::before,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment:target::before,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment:target::before,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment:target::before,.page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal > a.attached.segment:target::before,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal > a.attached.segment:target::before,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal > a.attached.segment:target::before,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment:target::before,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment:target::before,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment:target::before{content:"";position:absolute;top:0;left:-5px;right:-5px;bottom:5px;background:var(--color-primary);opacity:.1;z-index:-1;border-radius:12px}.page-content.repository:not(.milestones).file > .ui.container .repository-summary .list .item::after,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list .item::after,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list .item::after,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item::after,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item::after,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item::after,.page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal .item::after,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal .item::after,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal .item::after,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item::after,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item::after,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item::after,.page-content.repository:not(.milestones).file > .ui.container .repository-summary .list > a.attached.segment::after,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list > a.attached.segment::after,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list > a.attached.segment::after,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment::after,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment::after,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment::after,.page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal > a.attached.segment::after,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal > a.attached.segment::after,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal > a.attached.segment::after,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment::after,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment::after,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment::after{content:unset !important}.page-content.repository:not(.milestones).file > .ui.container .repository-summary .list.list a,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list.list a,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list.list a,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list.list a,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list.list a,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list.list a,.page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal.list a,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal.list a,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal.list a,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal.list a,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal.list a,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal.list a,.page-content.repository:not(.milestones).file > .ui.container .repository-summary .list span,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list span,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list span,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list span,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list span,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list span,.page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal span,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal span,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal span,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal span,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal span,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal span{display:flex;flex-direction:column;padding:0 10px;justify-content:center}.page-content.repository:not(.milestones).file > .ui.container .repository-summary .list.list a > *,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list.list a > *,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list.list a > *,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list.list a > *,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list.list a > *,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list.list a > *,.page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal.list a > *,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal.list a > *,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal.list a > *,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal.list a > *,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal.list a > *,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal.list a > *,.page-content.repository:not(.milestones).file > .ui.container .repository-summary .list span > *,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list span > *,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list span > *,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list span > *,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list span > *,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list span > *,.page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal span > *,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal span > *,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal span > *,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal span > *,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal span > *,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal span > *{margin-bottom:5px}.page-content.repository:not(.milestones).file > .ui.container .repository-summary .list.list a svg,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list.list a svg,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list.list a svg,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list.list a svg,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list.list a svg,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list.list a svg,.page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal.list a svg,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal.list a svg,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal.list a svg,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal.list a svg,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal.list a svg,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal.list a svg,.page-content.repository:not(.milestones).file > .ui.container .repository-summary .list span svg,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list span svg,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list span svg,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list span svg,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list span svg,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list span svg,.page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal span svg,.page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal span svg,.page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal span svg,.page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal span svg,.page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal span svg,.page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal span svg{width:100%;height:20px;margin-bottom:10px !important}}.issue.list,.milestone.list{border:1px solid var(--color-secondary);border-radius:var(--base-border-radius);background:var(--color-menu);padding:0 !important;margin-top:1rem}.issue.list.milestone.list li,.milestone.list.milestone.list li{border-bottom-style:solid !important;padding:10px 15px !important}.issue.list.milestone.list li:last-child,.milestone.list.milestone.list li:last-child{border-bottom:0}.issue.list.milestone.list li > a,.milestone.list.milestone.list li > a{font-size:1.4em}.issue.list li,.milestone.list li{padding:8px 10px !important;position:relative}.issue.list li:hover:before,.milestone.list li:hover:before,.issue.list li:focus-within:before,.milestone.list li:focus-within:before{content:"";position:absolute;inset:0;background-color:var(--color-primary);z-index:0;opacity:.07;pointer-events:none}.issue.list li > *,.milestone.list li > *{z-index:1}.issue.list li .issue-item-left,.milestone.list li .issue-item-left{padding-top:2px}.issue.list li .issue-item-left svg,.milestone.list li .issue-item-left svg{margin-right:8px}.issue.list li .issue-item-top-row,.milestone.list li .issue-item-top-row{display:flex;flex-wrap:wrap}.issue.list li .issue-item-top-row a,.milestone.list li .issue-item-top-row a{vertical-align:unset !important;margin-bottom:8px}.issue.list li .issue-item-top-row > a,.milestone.list li .issue-item-top-row > a{margin-right:4px}.issue.list li .issue-item-top-row .label,.milestone.list li .issue-item-top-row .label{line-height:1em;font-weight:500;text-transform:capitalize;filter:saturate(0.8)}.issue.list li .issue-item-bottom-row,.milestone.list li .issue-item-bottom-row{margin-top:-6px !important}.issue.list li .issue-item-bottom-row svg,.milestone.list li .issue-item-bottom-row svg{margin-top:3px}.issue.list li .issue-item-bottom-row .checklist,.milestone.list li .issue-item-bottom-row .checklist{margin-left:auto}.issue.list li .content,.milestone.list li .content{padding-bottom:2px;padding-top:2px !important}.issue.list li .issue-item-icons-right,.milestone.list li .issue-item-icons-right{width:5em;justify-content:flex-end}.issue.list li .issue-item-icons-right .text,.milestone.list li .issue-item-icons-right .text{min-width:unset;margin-left:0}.issue.list li .issue-item-icons-right a,.milestone.list li .issue-item-icons-right a{display:flex;align-items:center}.issue.list .label,.milestone.list .label{margin-top:-1px;position:relative}#release-list{padding-left:0}#release-list .four.wide.column{width:150px !important}.explore,.page-content.user,.profile{display:flex;flex-wrap:wrap;justify-content:center}.explore.explore > .ui.container,.page-content.user.explore > .ui.container,.profile.explore > .ui.container{max-width:calc(100vw - 40px);width:3000px !important;padding:0 calc(10vw - 80px)}.explore.organization > .ui.container:first-child,.page-content.user.organization > .ui.container:first-child,.profile.organization > .ui.container:first-child{padding-top:30px;padding-bottom:30px}.explore.organization > .ui.container:first-child #org-info,.page-content.user.organization > .ui.container:first-child #org-info,.profile.organization > .ui.container:first-child #org-info{display:flex;flex-direction:column;margin:0 10px;justify-content:center}.explore.organization > .ui.container:first-child #org-info > p,.page-content.user.organization > .ui.container:first-child #org-info > p,.profile.organization > .ui.container:first-child #org-info > p{margin:0 !important;margin-bottom:.2rem !important}.explore.organization > .ui.container:first-child #org-info .item,.page-content.user.organization > .ui.container:first-child #org-info .item,.profile.organization > .ui.container:first-child #org-info .item{display:flex;align-items:center}.explore.organization > .ui.container:first-child #org-info .item a,.page-content.user.organization > .ui.container:first-child #org-info .item a,.profile.organization > .ui.container:first-child #org-info .item a{margin-left:4px}.explore.organization .ui.eleven.wide.column::before,.page-content.user.organization .ui.eleven.wide.column::before,.profile.organization .ui.eleven.wide.column::before{content:unset !important}.explore > .ui.container,.page-content.user > .ui.container,.profile > .ui.container{max-width:1350px;width:100% !important;padding:0 20px}.explore > .ui.container[class="ui container"] .five.wide.column,.page-content.user > .ui.container[class="ui container"] .five.wide.column,.profile > .ui.container[class="ui container"] .five.wide.column{width:320px !important;flex:1 0 320px !important;position:sticky;bottom:10px;align-self:flex-end;min-height:100vh;line-height:1.5em}.explore > .ui.container[class="ui container"] .five.wide.column .card,.page-content.user > .ui.container[class="ui container"] .five.wide.column .card,.profile > .ui.container[class="ui container"] .five.wide.column .card{width:100%;border:0;background:none !important}.explore > .ui.container[class="ui container"] .five.wide.column .card #profile-avatar,.page-content.user > .ui.container[class="ui container"] .five.wide.column .card #profile-avatar,.profile > .ui.container[class="ui container"] .five.wide.column .card #profile-avatar{padding-left:.7rem;padding-right:2rem !important;padding-top:.5rem}.explore > .ui.container[class="ui container"] .five.wide.column .card #profile-avatar .avatar,.page-content.user > .ui.container[class="ui container"] .five.wide.column .card #profile-avatar .avatar,.profile > .ui.container[class="ui container"] .five.wide.column .card #profile-avatar .avatar{border-radius:calc(var(--base-border-radius) * 2) !important;box-shadow:0 4px 12px rgba(0,0,0,0.1);border:1px solid var(--color-secondary);background:var(--color-body);height:100% !important;max-height:80vh}.explore > .ui.container[class="ui container"] .five.wide.column .card .profile-avatar-name,.page-content.user > .ui.container[class="ui container"] .five.wide.column .card .profile-avatar-name,.profile > .ui.container[class="ui container"] .five.wide.column .card .profile-avatar-name{font-size:2rem;display:contents}.explore > .ui.container[class="ui container"] .five.wide.column .card .profile-avatar-name span,.page-content.user > .ui.container[class="ui container"] .five.wide.column .card .profile-avatar-name span,.profile > .ui.container[class="ui container"] .five.wide.column .card .profile-avatar-name span{text-align:left;font-weight:600;padding-left:.7rem;margin:1.5rem 0}.explore > .ui.container[class="ui container"] .five.wide.column .card .profile-avatar-name span.header,.page-content.user > .ui.container[class="ui container"] .five.wide.column .card .profile-avatar-name span.header,.profile > .ui.container[class="ui container"] .five.wide.column .card .profile-avatar-name span.header{font-weight:500;letter-spacing:.1em;height:39px;line-height:40px;margin-bottom:-1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:0;background:var(--color-body);position:sticky;top:0;z-index:3;box-shadow:0 -5px 5px var(--color-body)}.explore > .ui.container[class="ui container"] .five.wide.column .card .profile-avatar-name span.username,.page-content.user > .ui.container[class="ui container"] .five.wide.column .card .profile-avatar-name span.username,.profile > .ui.container[class="ui container"] .five.wide.column .card .profile-avatar-name span.username{z-index:2}.explore > .ui.container[class="ui container"] .five.wide.column .card .extra,.page-content.user > .ui.container[class="ui container"] .five.wide.column .card .extra,.profile > .ui.container[class="ui container"] .five.wide.column .card .extra{border:0 !important}.explore > .ui.container[class="ui container"] .five.wide.column .card .extra li,.page-content.user > .ui.container[class="ui container"] .five.wide.column .card .extra li,.profile > .ui.container[class="ui container"] .five.wide.column .card .extra li{border:0 !important;padding:.3rem .7rem;display:flex;align-items:center}.explore > .ui.container[class="ui container"] .five.wide.column .card .extra li svg,.page-content.user > .ui.container[class="ui container"] .five.wide.column .card .extra li svg,.profile > .ui.container[class="ui container"] .five.wide.column .card .extra li svg{margin-right:8px}.explore > .ui.container[class="ui container"] .five.wide.column .card .extra li .user-orgs,.page-content.user > .ui.container[class="ui container"] .five.wide.column .card .extra li .user-orgs,.profile > .ui.container[class="ui container"] .five.wide.column .card .extra li .user-orgs{justify-content:center;margin-top:1rem !important}.explore > .ui.container[class="ui container"] .five.wide.column .card .extra li .user-orgs li,.page-content.user > .ui.container[class="ui container"] .five.wide.column .card .extra li .user-orgs li,.profile > .ui.container[class="ui container"] .five.wide.column .card .extra li .user-orgs li{flex-grow:1 !important}.explore > .ui.container[class="ui container"] .five.wide.column .card .extra li .user-orgs li a,.page-content.user > .ui.container[class="ui container"] .five.wide.column .card .extra li .user-orgs li a,.profile > .ui.container[class="ui container"] .five.wide.column .card .extra li .user-orgs li a{width:100%}.explore > .ui.container[class="ui container"] .five.wide.column .card .extra li .user-orgs li a img,.page-content.user > .ui.container[class="ui container"] .five.wide.column .card .extra li .user-orgs li a img,.profile > .ui.container[class="ui container"] .five.wide.column .card .extra li .user-orgs li a img{width:35px;height:35px}.explore > .ui.container[class="ui container"] .five.wide.column .card .extra li .render-content,.page-content.user > .ui.container[class="ui container"] .five.wide.column .card .extra li .render-content,.profile > .ui.container[class="ui container"] .five.wide.column .card .extra li .render-content{padding:.6rem 0;padding-bottom:.7rem !important}.explore > .ui.container[class="ui container"] .five.wide.column .card .extra li .render-content p,.page-content.user > .ui.container[class="ui container"] .five.wide.column .card .extra li .render-content p,.profile > .ui.container[class="ui container"] .five.wide.column .card .extra li .render-content p{word-break:normal !important;line-height:1.5em}.explore > .ui.container[class="ui container"] .five.wide.column .card .extra .follow form,.page-content.user > .ui.container[class="ui container"] .five.wide.column .card .extra .follow form,.profile > .ui.container[class="ui container"] .five.wide.column .card .extra .follow form{margin-top:1rem;width:100%}.explore > .ui.container .eleven.wide.column,.page-content.user > .ui.container .eleven.wide.column,.profile > .ui.container .eleven.wide.column{flex-grow:100;width:500px !important;max-width:100%}.explore > .ui.container .eleven.wide.column .ui.secondary.stackable.pointing.tight.menu,.page-content.user > .ui.container .eleven.wide.column .ui.secondary.stackable.pointing.tight.menu,.profile > .ui.container .eleven.wide.column .ui.secondary.stackable.pointing.tight.menu{margin:0 -2px;margin:0 -20px;margin-left:-40px;margin-bottom:1.5rem;position:sticky;top:-2px !important;margin-top:-42px;height:42px;z-index:99;background-color:var(--color-body)}.explore > .ui.container .eleven.wide.column .ui.secondary.stackable.pointing.tight.menu::before,.page-content.user > .ui.container .eleven.wide.column .ui.secondary.stackable.pointing.tight.menu::before,.profile > .ui.container .eleven.wide.column .ui.secondary.stackable.pointing.tight.menu::before{content:"";min-width:40px;display:block;position:sticky;left:0;background:linear-gradient(to right,var(--color-body),transparent);z-index:1}@supports (backdrop-filter:blur(10px)){.explore > .ui.container .eleven.wide.column .ui.secondary.stackable.pointing.tight.menu,.page-content.user > .ui.container .eleven.wide.column .ui.secondary.stackable.pointing.tight.menu,.profile > .ui.container .eleven.wide.column .ui.secondary.stackable.pointing.tight.menu{backdrop-filter:blur(10px);background-color:transparent}.explore > .ui.container .eleven.wide.column .ui.secondary.stackable.pointing.tight.menu::after,.page-content.user > .ui.container .eleven.wide.column .ui.secondary.stackable.pointing.tight.menu::after,.profile > .ui.container .eleven.wide.column .ui.secondary.stackable.pointing.tight.menu::after{all:unset;z-index:-1;content:"" !important;position:absolute;inset:0;background-color:var(--color-body);opacity:.8}}.explore > .ui.container .eleven.wide.column::before,.page-content.user > .ui.container .eleven.wide.column::before,.profile > .ui.container .eleven.wide.column::before{content:"";position:sticky;margin:0 !important;margin-left:-100vw !important;margin-top:42px !important;width:200vw;display:block;border-bottom:1px solid var(--color-secondary);top:39px;z-index:-1}.explore > .ui.container .item .meta,.page-content.user > .ui.container .item .meta,.profile > .ui.container .item .meta{display:flex;align-items:center}.explore > .ui.container .item .meta svg,.page-content.user > .ui.container .item .meta svg,.profile > .ui.container .item .meta svg{margin-right:4px}.explore > .ui.container .item .meta a,.page-content.user > .ui.container .item .meta a,.profile > .ui.container .item .meta a{max-width:calc(100% - 20px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ui.container > .news,.feeds > .news{border:1px solid var(--color-secondary) !important;border-bottom:none !important;background:var(--color-box-body);border-radius:var(--base-border-radius) var(--base-border-radius) 0 0;padding:12px 12px !important;position:relative;overflow:hidden}.ui.container > .news + .news,.feeds > .news + .news{border-radius:0 !important}.ui.container > .news:last-child,.feeds > .news:last-child{border-radius:0 0 var(--base-border-radius) var(--base-border-radius) !important;border-bottom:1px solid var(--color-secondary) !important}.ui.container > .news::before,.feeds > .news::before{content:"";position:absolute;inset:0;background:var(--color-primary);opacity:0;transition:opacity .2s}.ui.container > .news:hover::before,.feeds > .news:hover::before,.ui.container > .news:focus-within::before,.feeds > .news:focus-within::before{opacity:.05}.ui.container > .news .ui.left,.feeds > .news .ui.left{width:42px}.ui.container > .news .ui.left img,.feeds > .news .ui.left img{margin:0 !important;margin-right:18px !important;border-radius:var(--base-border-radius)}.ui.container > .news .ui.grid,.feeds > .news .ui.grid{margin:0 !important;padding:0 !important;padding-top:1px !important;min-height:30px}.ui.container > .news .ui.grid > .column,.feeds > .news .ui.grid > .column{padding:0 !important;width:100% !important}.ui.container > .news .ui.grid > .column > div,.feeds > .news .ui.grid > .column > div{display:flex;flex-wrap:wrap;align-items:center;min-height:100%}.ui.container > .news .ui.grid > .column > div p,.feeds > .news .ui.grid > .column > div p{height:max-content}.ui.container > .news .ui.grid > .column > div > *:first-child,.feeds > .news .ui.grid > .column > div > *:first-child{min-width:calc(100% - 200px);margin-bottom:0 !important}.ui.container > .news .ui.grid > .column > div > :not(:first-child):not(:last-child),.feeds > .news .ui.grid > .column > div > :not(:first-child):not(:last-child){min-width:calc(100% - 200px);margin-top:.3em}.ui.container > .news .ui.grid > .column > div > *:last-child,.feeds > .news .ui.grid > .column > div > *:last-child{margin-left:auto;margin-top:auto}.ui.container > .news .ui.grid .content,.feeds > .news .ui.grid .content{max-width:100%}.ui.container > .news .ui.grid > .column > div > p:first-child,.feeds > .news .ui.grid > .column > div > p:first-child{margin-bottom:.4rem;font-weight:600}.ui.container > .news .ui.grid > .right.column,.feeds > .news .ui.grid > .right.column{position:absolute;top:32px;left:0;width:53px !important;text-align:center;z-index:2}.ui.container > .news .ui.grid > .right.column svg,.feeds > .news .ui.grid > .right.column svg{width:26px;height:26px;padding:3px;fill:#000 !important;background-color:var(--color-box-body);border-radius:100px;border:1px solid var(--color-secondary)}.ui.container > .news .ui.grid > .right.column svg path,.feeds > .news .ui.grid > .right.column svg path{fill:var(--color-primary)}.ui.container > .news .ui.grid .title,.feeds > .news .ui.grid .title,.ui.container > .news .ui.grid p,.feeds > .news .ui.grid p,.ui.container > .news .ui.grid ul,.feeds > .news .ui.grid ul{margin-bottom:0}.ui.container > .news .ui.grid ul,.feeds > .news .ui.grid ul{margin-top:0;border-left:4px solid var(--color-secondary)}.ui.container > .news .ui.grid ul li .mr-2,.feeds > .news .ui.grid ul li .mr-2{margin-top:.1em}.ui.container > .news .divider,.feeds > .news .divider{display:none}.ui.repository.list,.ui.user.list{margin-top:16px !important;display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:16px}.ui.repository.list .item,.ui.user.list .item{width:100%;max-width:calc(100vw - 40px);min-height:unset !important;padding:14px 16px !important;border:1px solid var(--color-secondary);background:var(--color-box-body);border-radius:8px;flex-grow:1;display:grid !important;position:relative;grid-template-columns:max-content 1fr;align-content:flex-start}.ui.repository.list .item:hover,.ui.user.list .item:hover,.ui.repository.list .item:focus-within,.ui.user.list .item:focus-within{box-shadow:var(--lt-shadowDefault)}.ui.repository.list .item:focus-within,.ui.user.list .item:focus-within{border-color:var(--color-primary) !important}.ui.repository.list .item .header,.ui.user.list .item .header{display:contents !important}.ui.repository.list .item .header .repo-title,.ui.user.list .item .header .repo-title{display:contents;position:relative;font-size:1.2rem;line-height:1.4em}.ui.repository.list .item .header .repo-title a,.ui.user.list .item .header .repo-title a{white-space:normal !important;word-break:normal !important;text-decoration:none !important}.ui.repository.list .item .header .repo-title > *,.ui.user.list .item .header .repo-title > *{grid-column:2/span 4}.ui.repository.list .item .header .repo-title .labels,.ui.user.list .item .header .repo-title .labels{grid-column:3;grid-row:2;margin-left:0 !important;white-space:nowrap}.ui.repository.list .item .header .repo-title a::before,.ui.user.list .item .header .repo-title a::before{content:"";position:absolute;top:0;left:0;height:80px;width:100%}.ui.repository.list .item .header .avatar,.ui.user.list .item .header .avatar{height:50px !important;width:50px !important;margin-right:12px !important;margin-left:-2px;grid-column:1;grid-row:1/span 2;border-radius:12px}.ui.repository.list .item .header .metas,.ui.user.list .item .header .metas{grid-column:2;grid-row:2;width:100%}.ui.repository.list .item .description,.ui.user.list .item .description{display:contents}.ui.repository.list .item .description > p:first-child,.ui.user.list .item .description > p:first-child{padding-top:4px;margin-bottom:0}.ui.repository.list .item .description > *,.ui.user.list .item .description > *{grid-column:1/span 4}.ui.repository.list .item .description > *:nth-last-child(2),.ui.user.list .item .description > *:nth-last-child(2){margin-bottom:0 !important}.ui.repository.list .item .description .time,.ui.user.list .item .description .time{grid-row:2;grid-column:4;margin-left:10px;text-align:right;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;z-index:3;height:max-content;margin-block:auto !important}.ui.repository.list .item .description .tags,.ui.user.list .item .description .tags{display:flex;overflow-x:auto;scrollbar-width:none;margin-top:8px;border-radius:100px}.ui.repository.list .item .description .tags::-webkit-scrollbar,.ui.user.list .item .description .tags::-webkit-scrollbar{display:none}.ui.repository.list .item .description .tags a > div,.ui.user.list .item .description .tags a > div{width:max-content !important}.ui.repository.list .item .description .tags a:last-child,.ui.user.list .item .description .tags a:last-child{padding-right:100px}.ui.repository.list .item .description .tags::after,.ui.user.list .item .description .tags::after{content:"";min-width:100px;margin-left:-100px;height:100%;position:sticky;display:flex;right:0;background:linear-gradient(to right,transparent,var(--color-box-body));pointer-events:none}.ui.repository.list .item .content,.ui.user.list .item .content{padding-left:12px;margin-bottom:-.4em}.ui.repository.list .item .content .header a,.ui.user.list .item .content .header a{font-weight:600;text-transform:capitalize}.ui.repository.list .item .content .description,.ui.user.list .item .content .description{display:flex;flex-direction:column;padding-left:22px;line-height:1.8em;margin-top:.5em}.ui.repository.list .item .content .description svg,.ui.user.list .item .content .description svg{margin-bottom:-1.45em !important;margin-left:-22px !important}.dashboard{display:flex;flex-wrap:wrap;margin:auto;max-width:100%;padding:30px 0;width:1400px;margin-bottom:-45px;gap:-50px}.dashboard .dashboard-navbar{width:auto;position:sticky;bottom:10px;align-self:flex-end;height:min-content;z-index:2;flex:1 1 80px;max-width:calc(100% - 60px);margin:0 auto;margin-left:10px !important;margin-bottom:40px;background-color:var(--color-bg)}.dashboard .dashboard-navbar > .menu{padding-top:0 !important;padding-right:0 !important}.dashboard .dashboard-navbar .button{white-space:nowrap;max-width:100% !important;padding-inline:10px !important;overflow:hidden}.dashboard .dashboard-navbar > .ui{display:flex;flex-wrap:wrap;flex-direction:row !important;padding-top:20px}.dashboard .dashboard-navbar > .ui .right.right{display:contents}.dashboard .dashboard-navbar > .ui > .item,.dashboard .dashboard-navbar > .ui > .right > .item{flex-direction:column;margin:0 !important;text-align:center;flex-grow:1;display:flex !important;align-content:center;align-items:center;padding-bottom:20px;max-width:100%;width:80px !important;text-indent:-.35em !important}.dashboard .dashboard-navbar > .ui > .item > .dropdown,.dashboard .dashboard-navbar > .ui > .right > .item > .dropdown,.dashboard .dashboard-navbar > .ui > .item .button,.dashboard .dashboard-navbar > .ui > .right > .item .button{text-indent:0 !important}.dashboard .dashboard-navbar > .ui > .item span,.dashboard .dashboard-navbar > .ui > .right > .item span{text-align:center}.dashboard .dashboard-navbar > .ui > .item .label,.dashboard .dashboard-navbar > .ui > .right > .item .label{margin:0 !important}.dashboard .dashboard-navbar > .ui > .item svg:not(.octicon-plus),.dashboard .dashboard-navbar > .ui > .right > .item svg:not(.octicon-plus){width:100%;height:22px;margin:0 !important;margin-bottom:10px !important}.dashboard .dashboard-navbar > .ui > .item .dropdown > span,.dashboard .dashboard-navbar > .ui > .right > .item .dropdown > span{flex-direction:column}.dashboard .dashboard-navbar > .ui > .item .dropdown > span img,.dashboard .dashboard-navbar > .ui > .right > .item .dropdown > span img{margin:0 auto;width:40px;height:40px !important;max-height:unset;margin-bottom:10px}.dashboard .dashboard-navbar > .ui > .item .dropdown > span .icon,.dashboard .dashboard-navbar > .ui > .right > .item .dropdown > span .icon{margin-bottom:0 !important}.dashboard .dashboard-navbar > .ui > .item .dropdown > span .avatar,.dashboard .dashboard-navbar > .ui > .right > .item .dropdown > span .avatar{border-radius:var(--base-border-radius)}.dashboard .dashboard-navbar > .ui > .item .dropdown > span span,.dashboard .dashboard-navbar > .ui > .right > .item .dropdown > span span{margin-bottom:-4px}.dashboard > .ui.container{margin:0 auto !important;display:flex;flex-wrap:wrap-reverse !important;flex:9999 1 900px;margin-top:-31px !important;padding-top:30px;border-top:1px solid var(--color-secondary);--container-padding-x:calc(2.5% + 0px)}.dashboard > .ui.container > .ui.stackable.grid{width:100%;justify-content:center;margin:0}.dashboard > .ui.container > .ui.stackable.grid > .ten.column{z-index:1;padding:15px var(--container-padding-x) !important;padding-bottom:var(--container-padding-x) !important;margin:0 auto !important}.dashboard > .ui.container > .ui.stackable.grid > .column{max-width:calc(100vw - 40px);margin:0 auto;flex-grow:1}.dashboard > .ui.container > .ui.stackable.grid > .column #user-heatmap + .divider{border-bottom:0}.dashboard > .ui.container > .ui.stackable.grid > .column .ui.secondary.menu,.dashboard > .ui.container > .ui.stackable.grid > .column .ui.stackable.grid{margin-left:0 !important;margin-right:0 !important}.dashboard > .ui.container > .ui.stackable.grid .four.wide.column{min-width:230px}.dashboard > .ui.container > .ui.stackable.grid .four.wide.column + div{flex-grow:9999}.dashboard > .ui.container > .ui.stackable.grid .four.wide.column > .menu{display:flex;flex-direction:row;flex-wrap:wrap;margin:0 -6px !important;background:none !important}.dashboard > .ui.container > .ui.stackable.grid .four.wide.column > .menu a{display:flex;flex:1 0 auto;min-width:200px;max-width:calc(100% - 12px);border:1px solid var(--color-secondary);margin:3px 6px}.dashboard > .ui.container > .ui.stackable.grid .four.wide.column > .menu a .right{margin-left:auto}.dashboard > .ui.container > .ui.stackable.grid .four.wide.column > .menu a span{width:100%}.dashboard > .ui.container > .ui.stackable.grid .four.wide.column > .menu a .label{margin-left:8px}.dashboard > .ui.container > .ui.stackable.grid .four.wide.column > .menu a:hover{background-color:var(--color-light)}.dashboard > .ui.container > .ui.stackable.grid .four.wide.column > .menu .ui.divider{width:100%;margin:12px 6px}.dashboard #app,.dashboard #dashboard-repo-list{height:min-content;position:sticky;bottom:0;align-self:flex-end;margin:0 auto !important;margin-top:0 !important;margin-bottom:-81px !important;padding:0 var(--container-padding-x) !important;padding-top:10px !important;padding-bottom:0 !important;z-index:0;max-width:100% !important;flex-shrink:9999}.dashboard #app > div,.dashboard #dashboard-repo-list > div{height:100%;display:flex;flex-direction:column;min-height:calc(100vh - 30px)}.dashboard #app::before,.dashboard #dashboard-repo-list::before{content:"";position:absolute;bottom:-15px;width:200vw;height:calc(100vh + 25px);right:calc(100% - 15px);right:100%;z-index:-100;background:var(--color-light);box-shadow:200vw 0 var(--color-body),inset 0 -8px 8px rgba(0,0,0,0.07)}.dashboard #app .tabable,.dashboard #dashboard-repo-list .tabable{background:none;margin-right:0 !important;box-sizing:border-box;width:unset;margin-bottom:0}.dashboard #app .dashboard-repos,.dashboard #dashboard-repo-list .dashboard-repos,.dashboard #app .dashboard-orgs,.dashboard #dashboard-repo-list .dashboard-orgs{margin:0 -10px !important;padding:0 10px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;margin-bottom:0;min-height:200px;height:0;flex-grow:1;padding-top:15px;scrollbar-color:var(--color-secondary) transparent}.dashboard #app .dashboard-repos .repos-search .input,.dashboard #dashboard-repo-list .dashboard-repos .repos-search .input,.dashboard #app .dashboard-orgs .repos-search .input,.dashboard #dashboard-repo-list .dashboard-orgs .repos-search .input{margin-bottom:8px}.dashboard #app .dashboard-repos > .ui:last-child,.dashboard #dashboard-repo-list .dashboard-repos > .ui:last-child,.dashboard #app .dashboard-orgs > .ui:last-child,.dashboard #dashboard-repo-list .dashboard-orgs > .ui:last-child{margin-bottom:78px}.dashboard #app .dashboard-repos > *,.dashboard #dashboard-repo-list .dashboard-repos > *,.dashboard #app .dashboard-orgs > *,.dashboard #dashboard-repo-list .dashboard-orgs > *{border:0;background:none}.dashboard #app .dashboard-repos .label,.dashboard #dashboard-repo-list .dashboard-repos .label,.dashboard #app .dashboard-orgs .label,.dashboard #dashboard-repo-list .dashboard-orgs .label{padding:0 .5em !important;height:1.4em;min-height:unset;font-size:.9em;min-width:2em !important;position:relative;background:none;margin-left:.5em}.dashboard #app .dashboard-repos .label::before,.dashboard #dashboard-repo-list .dashboard-repos .label::before,.dashboard #app .dashboard-orgs .label::before,.dashboard #dashboard-repo-list .dashboard-orgs .label::before{content:"";position:absolute;inset:0;background-color:var(--color-primary);opacity:.9;z-index:-1;border-radius:100px}.dashboard #app .dashboard-repos .header,.dashboard #dashboard-repo-list .dashboard-repos .header,.dashboard #app .dashboard-orgs .header,.dashboard #dashboard-repo-list .dashboard-orgs .header{font-weight:600}.dashboard #app .dashboard-repos .header a,.dashboard #dashboard-repo-list .dashboard-repos .header a,.dashboard #app .dashboard-orgs .header a,.dashboard #dashboard-repo-list .dashboard-orgs .header a{display:flex;align-items:center}.dashboard #app .dashboard-repos .header a svg,.dashboard #dashboard-repo-list .dashboard-repos .header a svg,.dashboard #app .dashboard-orgs .header a svg,.dashboard #dashboard-repo-list .dashboard-orgs .header a svg{width:18px;height:18px}.dashboard #app .dashboard-repos .header,.dashboard #dashboard-repo-list .dashboard-repos .header,.dashboard #app .dashboard-orgs .header,.dashboard #dashboard-repo-list .dashboard-orgs .header,.dashboard #app .dashboard-repos .repos-search,.dashboard #dashboard-repo-list .dashboard-repos .repos-search,.dashboard #app .dashboard-orgs .repos-search,.dashboard #dashboard-repo-list .dashboard-orgs .repos-search{padding-left:5px;padding-right:5px}.dashboard #app .dashboard-repos .repos-search,.dashboard #dashboard-repo-list .dashboard-repos .repos-search,.dashboard #app .dashboard-orgs .repos-search,.dashboard #dashboard-repo-list .dashboard-orgs .repos-search{padding-top:0}.dashboard #app .dashboard-repos .repos-search input,.dashboard #dashboard-repo-list .dashboard-repos .repos-search input,.dashboard #app .dashboard-orgs .repos-search input,.dashboard #dashboard-repo-list .dashboard-orgs .repos-search input,.dashboard #app .dashboard-repos .repos-search .button,.dashboard #dashboard-repo-list .dashboard-repos .repos-search .button,.dashboard #app .dashboard-orgs .repos-search .button,.dashboard #dashboard-repo-list .dashboard-orgs .repos-search .button{background:none !important}.dashboard #app .dashboard-repos .repos-filter,.dashboard #dashboard-repo-list .dashboard-repos .repos-filter,.dashboard #app .dashboard-orgs .repos-filter,.dashboard #dashboard-repo-list .dashboard-orgs .repos-filter{justify-content:flex-start}.dashboard #app .dashboard-repos .repos-filter .item,.dashboard #dashboard-repo-list .dashboard-repos .repos-filter .item,.dashboard #app .dashboard-orgs .repos-filter .item,.dashboard #dashboard-repo-list .dashboard-orgs .repos-filter .item{padding:.85714286em 1.14285714em}.dashboard #app .dashboard-repos .repos-filter .active,.dashboard #dashboard-repo-list .dashboard-repos .repos-filter .active,.dashboard #app .dashboard-orgs .repos-filter .active,.dashboard #dashboard-repo-list .dashboard-orgs .repos-filter .active{font-weight:600}.dashboard #app .dashboard-repos .repos-filter .active::before,.dashboard #dashboard-repo-list .dashboard-repos .repos-filter .active::before,.dashboard #app .dashboard-orgs .repos-filter .active::before,.dashboard #dashboard-repo-list .dashboard-orgs .repos-filter .active::before{content:unset !important}.dashboard #app .dashboard-repos .repos-filter .active .label,.dashboard #dashboard-repo-list .dashboard-repos .repos-filter .active .label,.dashboard #app .dashboard-orgs .repos-filter .active .label,.dashboard #dashboard-repo-list .dashboard-orgs .repos-filter .active .label{font-size:1em}.dashboard #app .dashboard-repos .table,.dashboard #dashboard-repo-list .dashboard-repos .table,.dashboard #app .dashboard-orgs .table,.dashboard #dashboard-repo-list .dashboard-orgs .table{margin-top:4px}.dashboard #app .dashboard-repos li,.dashboard #dashboard-repo-list .dashboard-repos li,.dashboard #app .dashboard-orgs li,.dashboard #dashboard-repo-list .dashboard-orgs li{background:none;font-weight:700;border:0}.dashboard #app .dashboard-repos li a,.dashboard #dashboard-repo-list .dashboard-repos li a,.dashboard #app .dashboard-orgs li a,.dashboard #dashboard-repo-list .dashboard-orgs li a{padding:5px 5px;position:relative}.dashboard #app .dashboard-repos li a:hover:before,.dashboard #dashboard-repo-list .dashboard-repos li a:hover:before,.dashboard #app .dashboard-orgs li a:hover:before,.dashboard #dashboard-repo-list .dashboard-orgs li a:hover:before{content:"";position:absolute;inset:-2px -6px;background-color:var(--color-primary);border-radius:var(--base-border-radius);z-index:-1;opacity:.1}.dashboard #app .dashboard-repos li a .item-name,.dashboard #dashboard-repo-list .dashboard-repos li a .item-name,.dashboard #app .dashboard-orgs li a .item-name,.dashboard #dashboard-repo-list .dashboard-orgs li a .item-name{display:flex;align-items:center;max-width:unset;margin-right:10px}.dashboard #app .dashboard-repos li a .item-name svg,.dashboard #dashboard-repo-list .dashboard-repos li a .item-name svg,.dashboard #app .dashboard-orgs li a .item-name svg,.dashboard #dashboard-repo-list .dashboard-orgs li a .item-name svg{margin-right:8px !important;min-width:16px}.dashboard #app .dashboard-repos li a strong,.dashboard #dashboard-repo-list .dashboard-repos li a strong,.dashboard #app .dashboard-orgs li a strong,.dashboard #dashboard-repo-list .dashboard-orgs li a strong{font-weight:700;text-overflow:ellipsis;overflow:hidden}footer{border:0;padding:20px;box-sizing:border-box;width:auto !important;border-top:1px solid var(--color-secondary);background:var(--color-body);z-index:2}footer .container{max-width:1390px !important;padding:0 40px;box-sizing:border-box;width:auto !important}@media only screen and (max-width:767px){.page-content{margin-bottom:0 !important}.ui{--mobile-padding:18px}.ui.ui.ui.container:not(.fluid){margin-inline:var(--mobile-padding) !important}.ui.ui.ui.container:not(.fluid) > #repo-files-table,.ui.ui.ui.container:not(.fluid) > .tab-size-8,.ui.ui.ui.container:not(.fluid) .issue.list,.ui.ui.ui.container:not(.fluid) .comment-list,.ui.ui.ui.container:not(.fluid) .comment{margin-inline:calc(0px - var(--mobile-padding)) !important;width:calc(100% + (var(--mobile-padding) * 2)) !important;border-inline:none !important;border-radius:0}.ui.ui.ui.container:not(.fluid) > #repo-files-table.comment-list,.ui.ui.ui.container:not(.fluid) > .tab-size-8.comment-list,.ui.ui.ui.container:not(.fluid) .issue.list.comment-list,.ui.ui.ui.container:not(.fluid) .comment-list.comment-list,.ui.ui.ui.container:not(.fluid) .comment.comment-list{margin-left:0 !important}.tabular,.attached.header,.issue.list .item,.ui.ui.ui.ui.table:not(.unstackable) > tr,.ui.ui.ui.ui.table:not(.unstackable) > thead > tr,.ui.ui.ui.ui.table:not(.unstackable) > tbody > tr,.ui.ui.ui.ui.table:not(.unstackable) > tfoot > tr{padding-inline:var(--mobile-padding) !important}.five.wide.column{min-height:unset !important}.ui.button:not(.icon.detail):not(.labeled){min-height:45px !important;padding-left:25px !important;padding-right:25px !important;max-width:unset !important}.ui.menu.mobile--margin-between-items > .fitted.item{width:auto !important}.repo-header{flex-direction:column}.repo-header .repo-title{flex-direction:column}.repo-header .repo-title .repo-icon,.repo-header .repo-title .avatar{width:120px !important;height:120px !important;margin-bottom:.3em;margin-right:0 !important;display:flex;align-items:center;justify-content:center}.repo-header .repo-title .repo-icon svg,.repo-header .repo-title .avatar svg{width:70%;height:70%}.repo-header .repo-title .mx-2{display:none}.repo-header .repo-title .labels{margin-left:0 !important;margin-top:.2em}.repo-header .repo-buttons{margin-top:1em}.repo-header .repo-buttons [data-position]{width:100%;justify-content:center}.dashboard > .ui.container #app{margin-bottom:0 !important}.dashboard > .ui.container #app::before{content:unset !important}.dashboard > .ui.container #app > div{min-height:unset !important}.dashboard > .ui.container #app > div .dashboard-repos{height:auto}footer .links > *{display:block;padding:0 !important;margin:0 !important;border:0 !important}}@-moz-keyframes slideInY{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@-webkit-keyframes slideInY{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@-o-keyframes slideInY{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes slideInY{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@-moz-keyframes slideOutY{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.97)}}@-webkit-keyframes slideOutY{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.97)}}@-o-keyframes slideOutY{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.97)}}@keyframes slideOutY{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.97)}} \ No newline at end of file diff --git a/theme-gitea-modern.styl b/theme-gitea-modern.styl new file mode 100644 index 0000000..5a9515d --- /dev/null +++ b/theme-gitea-modern.styl @@ -0,0 +1,2481 @@ +// main: theme-gitea-modern.user.styl, out: theme-gitea-modern.css, compress: true +// Ignore above, just compiler stuff + +/* Update 1.0.17 +- Remove uppercasing on fork names (#28) +- Fixed icon missplacement in comments (#27) +- More fixes +*/ + +:root { + --base-border-radius: 6px; +} +html.theme-gitea, html.theme-arc-green { + --fonts-override: var(--fonts-regular); + accent-color: var(--color-primary); +} +a[rel*="nofollow"]:not(.ui), .link:not(.ui) { + &:hover, &:focus { + text-decoration: underline; + text-underline-offset: 5px; + } +} + +*:not(input) { + outline: 0px dashed var(--color-primary); + outline-offset: -3px; + transition: outline-color .5s, outline-offset .5s; +} +:focus-visible:not(input) { + box-shadow: 0 0 5px 0px var(--color-primary) !important; + border-radius: 2px; + outline: 2px solid var(--color-primary) !important; + outline-offset: 0px; +} + +@keyframes slideInY { + from { opacity: 0; transform: scale(.97); } + to { opacity: 1; transform: scale(1); } +} +@keyframes slideOutY { + from { opacity: 1; transform: scale(1); } + to { opacity: 0; transform: scale(.97); } +} + +/*** Change Border Radius's ***/ +.ui.buttons .ui.basic.button { + border-radius: 0; +} +.ui.button, .ui.basic.button, .ui.menu, .input.action.fluid, .ui.label, +.ui.form input:not([type]), .ui.form input[type="date"], .ui.form input[type="datetime-local"], .ui.form input[type="email"], .ui.form input[type="file"], .ui.form input[type="number"], .ui.form input[type="password"], .ui.form input[type="search"], .ui.form input[type="tel"], .ui.form input[type="text"], .ui.form input[type="time"], .ui.form input[type="url"], +.ui.table, .tab-size-8, +{ + border-radius: var(--base-border-radius); +} +.ui.menu:not(.secondary) > .item:first-child, +.ui.buttons .button:first-child, +.ui.buttons > .ui.basic.button:first-child { + border-radius: var(--base-border-radius) 0 0 var(--base-border-radius); +} +.ui.compact.menu:not(.secondary) .item:last-child, +.ui.buttons .button:last-child, +.ui.action.input > .button:last-child, +.ui.buttons > .ui.basic.button:last-child { + border-radius: 0 var(--base-border-radius) var(--base-border-radius) 0; +} +.ui.top.attached.header { + border-radius: var(--base-border-radius) var(--base-border-radius) 0 0; +} + +.ui.avatar { + border-radius: var(--base-border-radius) !important; +} + +/*** Buttons ***/ +.button { + text-overflow: ellipsis; +} +.ui.compact.button { + padding-top: .3em; + padding-bottom: .3em; + min-height: 2.4em; + display: inline-flex; + align-items: center; + svg { + margin-bottom: -1px !important; + } +} +.ui.basic.button, .ui.basic.label { + background: none; +} + + +/*** Inputs ***/ + +.input.action.fluid { + border: 1px solid var(--color-secondary) !important; + height: auto; + background-color: var(--color-input-background); + input { + border: 0; + } + button { + margin: 2px !important; + margin-left: 0 !important; + padding-top: 0 !important; + padding-bottom: 0 !important; + box-sizing: border-box; + border-radius: var(--base-border-radius) !important; + } + .icon { + border: 0 !important; + } + &:focus-within { + // outline: 1px solid var(--color-primary); + // outline-offset: -1px; + border-color: var(--color-primary) !important; + } +} +.ui.form + .ui.divider { + display: none; +} + + +/*** Layouts ***/ + +.three.column { + margin-left: 0; + margin-right: 0; + .column { + width: auto !important; + align-items: center !important; + display: flex !important; + .small:not(.modal), a { + max-height: 40px !important; + min-height: unset; + display: flex; + align-items: center; + } + form { + width: 100%; + } + &:first-child { + padding-left: 0; + } + &:last-child { + padding-right: 0; + } + } + .center { + flex-grow: 100; + padding-left: 0 !important; + padding-right: 0 !important; + } +} + + +/*** Popups ***/ +/* Tooltips */ +.popup.tiny.inverted { + background: var(--color-body); + color: var(--color-text); + box-shadow: var(--lt-shadowDefault) !important; + border: 1px solid var(--color-secondary); + pointer-events: none; + z-index: 9999999; + &::before { + background: var(--color-body) !important; + z-index: -99999 !important; + border-color: var(--color-secondary) !important; + } +} +.ui.left.popup::before { + border: 0; + border-top: 1px solid; + border-right: 1px solid; +} +.ui.right.popup::before { + border: 0; + border-left: 1px solid; + border-bottom: 1px solid; +} +.ui.top.popup::before { + border: 0; + border-right: 1px solid; + border-bottom: 1px solid; +} +.ui.bottom.popup::before { + border: 0; + border-top: 1px solid; + border-left: 1px solid; +} + + +.settings > .ui.container { + max-width: 1150px !important; +} + + + + + +/** Other Elements **/ + +// Filter buttons & New Issue buttons on mobile +.ui.two.column.stackable.grid > .column { + width: auto !important; + flex-grow: 1; +} +.ui.compact.tiny.menu { + flex-grow: 1; + a { + flex-grow: 1; + justify-content: center; + } +} + +/* Better center content */ +.page-content:not(.home) > .middle { + padding: calc(4vw + 1rem) 4vw !important; + width: 100% !important; + & > .column { + padding: 0 !important; + } +} + + +/* No Script Message */ +.full.height > span[style="display: inline !important;"]:first-child { + margin: auto; + line-height: 40px; + padding: 30px; + text-align: center; + &::before { + content: ""; + position: absolute; + top: 0; + left: 0; + right: 0; + height: 40px; + background: var(--color-navbar); + border-bottom: 1px solid var(--color-secondary); + z-index: -1; + } + + /* Remove stuff that isn't needed when JS is disabled */ + & ~ .page-content { + #app, #dashboard-repo-list, #user-heatmap, #user-heatmap + .divider { + display: none !important; + } + .dashboard-navbar { + bottom: unset !important; + top: 10px !important; + align-self: flex-start !important; + padding-top: 10px; + } + } + +} + +// Make heatmap not smoll on smoll screens +#user-heatmap { + overflow: auto hidden; + justify-content: flex-start; + max-width: 900px; + margin: auto; + align-items: stretch; + .vch__wrapper { + min-width: 600px; + } +} + +/* Bold repo name, not author*/ +.repo-title a:nth-last-child(2) { + font-weight: 600 !important; +} + +/* Better labels */ +.label:not(.basic) { + border-radius: 100px !important; + padding: 4px 8px !important; + font-weight: 700; + align-items: center; + justify-content: center; + min-width: 24px !important; + display: inline-flex; + &.sha > .detail { /* Fix SHA Padding */ + margin-left: 6px !important; + } + svg { + margin-right: 4px; + } +} + + + +/* Alerts */ +.alert-primary.p-10 { + border: 0 !important; + padding: 20px !important; + .close { + // padding: 10px; + span { + font-size: 1.7em; + font-weight: 200; + padding-right: 6px; + } + } + h4 { + margin-right: 1.7em; + font-weight: 600; + } +} + + +/*** Menu's ***/ +.ui.tabular.menu, .ui.tight.menu { + position: relative; + flex-direction: row !important; + flex-wrap: nowrap !important; + overflow: auto hidden !important; + scrollbar-width: thin; + padding-bottom: 2px; + scrollbar-color:var(--color-primary) var(--color-secondary); + border-bottom: 1px solid var(--color-secondary) !important; + &.ui.tight.menu > .item { + width: auto !important; + border-bottom-width: 0px !important; + position: relative !important; + padding: .85714286em 1.14285714em; + &::before { + content: "" !important; + position: absolute !important; + bottom: 0 !important; + left: 20px !important; + right: 20px !important; + top: unset !important; + width: unset !important; + height: 2px !important; + opacity: .7; + border-radius: 4px 4px 0 0; + background: none; + display: flex !important; + transition: left 2s; + } + &.active::before { + background-color: var(--color-primary) !important; + left: 0 !important; + right: 0 !important; + } + } +} +.ui.tabular.menu { + border-bottom: 0 !important; + position: relative; + &::before { + content: ""; + position: absolute; + bottom: 1px; + left: 0; + right: 0; + z-index: -1; + border-top: 1px solid var(--color-secondary); + } +} +.ui.tabular.menu:not(.borderless) > .item { + width: auto !important; + padding: 16px 24px; + min-width: 70px; + justify-content: center; + position: relative; + svg { + margin-right: 10px !important; + } + &.active { + border-radius: 10px 10px 0 0 !important; + z-index: 1; + } + &.active::after { + content: "" !important; + position: absolute; + width: 6px; + height: 6px; + bottom: 1px; + right: -7px; + border-bottom-left-radius: 100px; + box-shadow: -1px 1px 0 0px var(--color-secondary), -3px 3px 0px 2px var(--color-body) ; + + } + &.active::before { + all: unset; + content: "" !important; + position: absolute; + width: 6px; + height: 6px; + bottom: 1px; + left: -7px; + border-bottom-right-radius: 100px; + box-shadow: 1px 1px 0 0px var(--color-secondary), 3px 3px 0px 2px var(--color-body) ; + display: unset !important; + } + &.active:first-child { + &::before { + content: none !important; + } + } +} + +// That menu right below the Header +.ui.secondary.pointing.menu { + background: none !important; + .new-menu-inner { + width: 1150px; + padding: 0 20px; + } + .item { + // font-weight: 600; + border: none; + } + .active { + position: relative; + &::before { + all: unset; + content: ""; + position: absolute; + left: 0; + right: 0; + bottom: 0; + height: 2px; + background-color: var(--color-primary) !important; + display: flex !important; + opacity: .7; + } + } + .item:last-child { + padding-right: 1.14286em !important; + } + &::after { + content: unset !important; + } +} + +.repository .filter.menu .menu { + max-height: 80vh; + width: max-content !important; + .info { + width: 100% !important; + padding: .8em !important; + line-height: 1.2em; + white-space: normal !important; + } +} + + + + + + +/*** Body ***/ +html { + scroll-behavior: smooth; + scroll-snap-type: y mandatory; + scrollbar-width: auto !important; +} +.full.height { + padding-bottom: 30px; +} + +/*** Header ***/ +.following.bar { + --min-height: 60px; + background: none !important; + border-bottom: 1px solid var(--color-secondary) !important; + background-color: var(--color-navbar) !important; + position: relative; + min-height: var(--min-height); + align-items: center; + #navbar { + padding: 0 calc(18px + 1%) !important; + background: none !important; + max-width: 100rem; + transition: padding 1s; + min-height: var(--min-height) !important; + margin: auto; + + + & > .item:not(.brand), & > .right > .item { + color: var(--color-text-dark) !important; + font-size: 1rem !important; + font-weight: 600; + + padding: 0 calc(0px + 1%); + height: calc(var(--min-height) + 1px) !important; + margin: 0 !important; + border-radius: 0; + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + margin-bottom: -1px !important; + background: none !important; + box-sizing: border-box; + transition: border .5s, padding .7s; + & > span { + height: 100%; + display: flex; + align-items: center; + } + &:hover, &.active, &:focus { + border-bottom: 1px solid var(--color-primary); + transition: border .1s; + outline: none; + } + } + .item.brand { + padding: 0 !important; + min-height: var(--min-height) !important; + // margin-right: calc(-30px + 2%)!important; + } + .item.brand a { + width: 35px; + height: 35px; + margin-right: 20px; + background-position: center; + img { + width: 100%; + height: 100%; + } + } + .right { + position: sticky; + right: 1%; + background-color: var(--color-navbar); + box-shadow: 100px 0px 0 var(--color-navbar); + width: 100%; + min-width: max-content; + justify-content: flex-end; + & > .item { + padding: 0 10px; + & > .text { + display: flex; + align-items: center; + span:not(.fitted) { + margin-left: 10px; + } + img ~ .fitted { + margin-left: 4px; + } + } + } + } + } +} + +/* Page content when width is larger than 850px */ +@media only screen and (min-width: 850px) { + // Still tweaking selectors a bit + // .page-content.repository:not(.issues.repository.milestones):not(.new:not(.issue):not(.wiki):not(.release)) { + .page-content.repository:not(.issues.repository.milestones) { + display: grid; + grid-row-gap: 10px; + grid-template-columns: 100px calc(100% - 100px); + padding: 0 20px; + padding-top: 20px; + width: 1367px; + max-width: 100%; + margin: auto; + & > .middle { + grid-column: 1 / span 2; + } + .header-wrapper { + display: contents; + & > .ui.container:first-child { + grid-row: 1; + grid-column: 1 / span 2; + width: 100%; + padding-left: 100px; + border: 0 !important; + box-shadow: none !important; + .avatar, .repo-icon { + width: 50px !important; + height: 50px !important; + object-fit: contain; + margin: 0 10px; + margin-left: -90px; + margin-right: 39px !important; + margin-bottom: -10px; + display: flex; + justify-content: center; + align-items: center; + border-radius: 8px !important; + z-index: 2; + } + .repo-title-wrap { + display: flex; + flex-direction: row !important; + align-items: center; + } + .fork-flag { + margin: 0 !important; + margin-left: 6px !important; + padding: 2px 8px; + font-size: 12px; + + border-radius: var(--base-border-radius); + border: 1px solid var(--color-secondary); + } + } + .tabs { + order: -1; + width: auto !important; + margin: 0 !important; + margin-top: 60px !important; + grid-column: 1; + grid-row: 2 / span 5; + height: min-content; + position: sticky; + bottom: 20px; + margin-bottom: -60px !important; + align-self: flex-end; + align-content: flex-start; + min-height: calc(100vh - 40px); + // z-index: 2; + &::before { + content: ""; + position: absolute; + bottom: 0; + left: 20px; + right: 50px; + top: -10px + background-color: var(--color-body); + box-shadow: 0 0 20px 20px var(--color-body); + opacity: .8; + } + .tabular { + flex-direction: column !important; + padding-right: 30px; + overflow: visible !important; + padding-left: 0; + border-bottom: 0 !important; + &::before { + content: unset !important; + } + // .item { + // display: flex; + // flex-direction: column; + // text-align: center; + // padding-top: 12px; + // padding-bottom: 18px; + // position: relative; + // background: none; + // color: var(--color-text); + // opacity: .7; + // border-radius: 12px !important; + // svg { + // margin: 0; + // width: 22px; + // height: 22px; + // max-width: unset !important; + // margin-bottom: 10px; + // margin-right: 0 !important; + // overflow: visible; + // order: -2; + // } + // .label { + // margin: 0 !important; + // margin-top: -3px !important; + // margin-bottom: 6px !important; + // order: -1; + // position: relative; + // } + // &.active { + // border: none; + // opacity: 1; + // &::before { + // content: unset !important; + // } + // &::after { + // all: unset; + // content: ""; + // position: absolute; + // top: 2px; + // left: -5px; + // right: -5px; + // bottom: 5px; + // background: var(--color-primary); + // opacity: .1; + // border-radius: 12px !important; + // z-index: -1; + // } + // } + // &:hover { + // opacity: .9 !important; + // } + // } + // .right.menu { + // display: contents; + // } + } + } + .divider { + display: none; + } + } + & > .ui.container { + width: 100%; + } + } + + /* PROJECTS BOARD */ + #project-board { + width: calc(100vw + 10px); + max-width: unset; + justify-self: center; + margin-left: -100px; + margin-top: -10px; + margin-bottom: calc(-100vh + 0px); + overflow-x: auto; + scrollbar-color: var(--color-primary) transparent; + position: static; + height: calc(100vh - 175px); + scroll-snap-align: end; + & > .board { + overflow: visible; + margin: 0 auto !important; + padding-left: 100px; + box-sizing: content-box; + width: 1227px; + height: 100% !important; + + &::after { + content: ""; + display: flex; + min-width: 100px; + } + .board-column { + height: 100% !important; + box-sizing: border-box; + box-shadow: 20px 0 0 0 var(--color-body); + } + .card { + box-sizing: border-box; + } + } + } +} + +/* Default Page Content, no width restraint */ +.page-content.repository:not(.milestones) { + width: 1300px; + height: min-content; + max-width: 100%; + margin: auto; + margin-bottom: -80px; + .header-wrapper { + padding-top: 40px !important; + border-bottom: 0 !important; + background: none; + .repo-title { + flex-wrap: wrap; + line-height: 1.5em; + justify-content: center; + } + .repo-buttons { + display: flex; + flex-wrap: wrap; + justify-content: center; + & > * { + margin-top: 4px; + } + } + .tabs.container { + margin-inline: 0 !important; + width: 100%; + margin-bottom: .7em; + .tabular { + padding-inline: 3rem; + border-bottom: 0 !important; + &::before { + content: unset !important; + } + .item { + display: flex; + flex-direction: column; + text-align: center; + padding-top: 12px; + padding-bottom: 18px; + width: 90px !important; + max-width: 100% !important; + flex-grow: 1; + position: relative; + background: none; + color: var(--color-text); + opacity: .7; + border-radius: 12px !important; + svg { + margin: 0; + width: 22px; + height: 22px; + max-width: unset !important; + margin-bottom: 10px; + margin-right: 0 !important; + overflow: visible; + order: -2; + } + .label { + margin: 0 !important; + margin-top: -3px !important; + margin-bottom: 6px !important; + order: -1; + position: relative; + } + &.active { + border: none; + opacity: 1; + &::before { + content: unset !important; + } + &::after { + all: unset; + content: ""; + position: absolute; + top: 2px; + left: -5px; + right: -5px; + bottom: 5px; + background: var(--color-primary); + opacity: .1; + border-radius: 12px !important; + z-index: -1; + } + } + &:hover { + opacity: .9 !important; + } + } + .right.menu { + display: contents; + } + .right.menu .item { + justify-content: center + } + + } + } + .divider { + display: none !important; + } + } + & > .ui.container { + height: min-content; + position: relative; + // For projects board + & > .three.column.stackable.grid:focus-within { // Still allow keyboard users to access menu, since it would be hidden behind + position: relative; + z-index: 3; + background-color: var(--color-body) + } + & > .three.column.stackable.grid + .ui.divider + .two.column.stackable.grid { + position: absolute; + z-index: 2; + background-color: var(--color-body); + inset: 0; + margin: 0 !important; + height: 39px; + & > .column { + padding: 0 !important; + .item { + padding-block: 0 !important; + } + } + } + & > div:not(.attached) { + height: min-content; + margin-top: 0 !important; + margin-bottom: .7rem !important; + } + & > .column + .divider:not(.header) { + border: 0; + margin: -22px 0 !important; + } + & > .column:first-child > .column { + padding-top: 0; + } + + + // Repo Content + #repo-desc { + font-size: 1.14rem; + line-height: 1.6rem; + margin-bottom: 0 !important; + &:not(:empty) { + margin-bottom: .3rem !important; + } + } + #repo-topics { + margin: 0 -4px; + margin-bottom: 0 !important; + margin-top: -.5rem !important; + align-items: flex-start !important; + & > *:last-child { + margin: 2px !important; + height: 22px !important; + margin-bottom: .7rem !important; + } + } + .repo-topic { + border-radius: 100px; + padding: 4px 10px; + color: var(--color-primary); + font-size: .9rem; + position: relative; + &:not(:hover) { + background: none; + } + &::before { + content: ""; + position: absolute; + inset: 0; + border-radius: 100px; + background: var(--color-primary); + opacity: .07; + z-index: -1; + } + } + + .form .ui.tabular.menu { + margin-bottom: -2px; + z-index: 1; + } + #comment-form .markdown { + padding-top: 15px; + } + + .repository-summary-language-stats { + border: 0; + .language-stats-details { + padding: 0 !important; + } + .item { + position: relative; + width: auto; + flex-grow: 1; + padding: 0 !important; + min-width: min-content; + &.ac { + padding: 12px !important; + } + .ui, .ac { + display: block; + line-height: 1.4em; + width: 100%; + padding: 8px; + svg { + vertical-align: top; + margin-right: .2em; + } + } + &::after { + all: unset; + content: ""; + inset: 0; + position: absolute; + background-color: var(--color-primary); + border-radius: var(--base-border-radius); + opacity: .1; + pointer-events: none; + } + } + .language-stats { + border-radius: 100px; + overflow: hidden; + margin-top: .7em + } + } + + .mobile--no-negative-margins { + margin: 10px -.35714286em; + flex-wrap: wrap; + flex-direction: row !important; + grid-row-gap: 5px; + .mx-0, .mr-1 { + width: auto !important; + } + & > .item:nth-last-child(+2) { + flex-grow: 1; + } + & > .item:last-child { + flex: 3 1 100px; + margin-left: 4px; + } + & > .item:first-child .floating.filter.dropdown > .basic.small.compact.button { + .text { + font-size: 0; + display: flex; + align-items: center; + strong { + font-size: 1rem; + margin-left: 8px; + margin-right: 4px; + font-weight: 500; + } + } + } + .breadcrumb { + margin: 0 10px; + } + button, .button { + align-content: center; + display: flex; + align-items: center; + height: 32px !important; + padding-left: 16px !important; + padding-right: 16px !important; + box-sizing: border-box; + &.icon { + padding-left: 8px !important; + padding-right: 8px !important; + } + } + #file-buttons { + margin: 0 4px !important; + } + #clone-panel { + width: 300px !important; + box-sizing: border-box; + flex-grow: 1; + border: 1px solid var(--color-secondary); + padding: 2px; + height: auto; + + border-radius: var(--base-border-radius); + input { + width: 0px !important; + min-width: unset; + flex-grow: 1; + border: 0; + background: none; + border-radius: var(--base-border-radius) !important; + } + button { + border-radius: var(--base-border-radius) !important; + margin-right: 2px; + background: none; + border: 0; + height: 28px !important; + &:hover { + background: var(--color-light); + } + } + button:last-child { + margin-right: 0; + } + } + } + + + #repo-files-table { + margin-top: 0; + background: none !important; + display: flex; + flex-direction: column; + thead { + position: relative; + &::after { + content: ""; + position: absolute; + inset: 0; + background: var(--color-primary); + opacity: .05; + z-index: -1; + } + tr { + background: none !important; + // padding: 0 !important; + } + th { + padding: 12px 12px; + background: none !important; + max-width: 100%; + &:first-child { + width: 0; + flex-grow: 1; + display: flex !important; + align-items: center; + flex-wrap: wrap; + & > a { + min-width: max-content !important; + max-width: 100px; + } + } + &:last-child { + padding-block: 0 !important; + } + a { + color: var(--color-text); + } + } + th > .avatar { + width: 20px; + height: 20px; + margin: 4px; + margin-right: 8px !important; + } + .avatar { + margin-right: 4px; + } + .avatar + a { + display: inline-flex !important; + } + + .commit-summary { + display: contents; + } + .message-wrapper { + // overflow: visible; + display: inline-flex; + width: 100px; + flex-grow: 1; + a { + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + } + .commit-body { + padding: 6px; + padding-right: 0; + width: 100%; + } + } + + tr { + position: relative; + width: 100%; + display: flex !important; + align-items: center; + td:first-child { + width: 250px; + max-width: 50%; + } + td:nth-child(2) { + width: 0 !important; + max-width: unset; + flex-grow: 1; + } + } + td::before { + content: ""; + position: absolute !important; + inset: 0; + pointer-events: none !important; + z-index: -100 !important; + background: var(--color-primary); + opacity: 0; + } + tr:hover td:nth-child(2)::before, tr:focus-within td:nth-child(2)::before { + opacity: .1; + } + + .truncate { + overflow: visible; + display: inline-flex; + a { + margin: -8px 0; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + color: var(--color-text); + &:hover, &:focus { + color: var(--color-primary); + } + &:last-child { + flex-grow: 1; + } + } + svg { + margin: 0 10px; + margin-top: 2px; + } + + } + .name { + padding-left: 8px; + } + .message, .right:not(.popup) { + opacity: .8; + } + + } + + .file-header { + padding: 8px 16px !important; + font-size: 1rem; + .octicon-book { + color: var(--color-text-light-2) !important; + margin-right: 10px !important; + } + strong { + line-height: 35px; + } + } + .issue.list { + margin-top: -8px !important; + } + + // Fix pull req header showing borders on the sides + .diff-box.sticky { + margin: 0 -1px; + border-bottom: 0; + } + .sticky-2nd-row { + // margin-top: 2px; + box-shadow: 0 -2px 0 2px var(--color-body); + } + + + // Issue Comments + .ui.timeline { + margin-left: -16px; + } + .timeline-item { + &.comment { + display: flex; + .content { + flex-grow: 1 + } + } + .timeline-avatar { + position: relative; + left: 0; + // top: .5em; + width: 0; + margin-top: .7em; + z-index: 2; + img, svg { + margin: 0; + height: 1.6em !important; + min-width: 1.6em; + width: 1.6em !important; + } + } + &.form .timeline-avatar { + display: none !important; + } + .comment-header, .form, .no-header { + &::after, &::before { + content: unset !important; + } + } + .comment-header-left, .no-header > .text { + // padding-left: calc(1.7em + 14px) !important; + } + .header { + padding-left: calc(1.7em + 22px) !important; + } + .reactions { + border: 0 !important; + padding: 0 1em; + margin-top: -.4em !important; + padding-bottom: .4em !important; + & > a { + padding: 4px 8px !important; + margin-right: .5em; + margin-bottom: .5em; + border: 1px solid var(--color-secondary); + border-radius: calc(var(--base-border-radius) * 2); + + .reaction { + font-size: 1em; + } + } + .select-reaction { + padding: 0 !important; + } + } + } + + + .ui.grid > .eleven { + margin-left: 1rem; + } + + + .ui.grid > .four > .metas { + position: sticky; + min-height: calc(100vh - 40px); + bottom: 20px; + top: unset; + align-self: flex-end; + } + + + } + + /* Move the repo stats to the side, only when page width larger than 1000px */ + @media only screen and (min-width: 1000px) { + &.file, &.commits, &.branches { + & > .ui.container { + margin: 0 !important; + grid-column: 2; + width: auto !important; + max-width: 100% !important; + display: grid; + grid-template-columns: calc(100% - 100px) 100px; + grid-template-rows: min-content !important; + align-items: flex-start; + & > * { + grid-column: 1; + } + .repository-summary, + [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"], // Activies buttons + { + grid-column: 2; + grid-row: 1 / span 50; + border: 0; + margin-top: 12px !important; + margin-left: 30px; + height: min-content; + position: sticky; + width: 70px; + bottom: 20px; + top: unset; + align-self: flex-end; + background: none !important; + min-height: calc(100vh - 40px); + margin-bottom: -60px !important; + overflow: visible !important; + display: flex; + flex-direction: column; + align-items: center; + + .segment { + background: none; + } + .language-stats-details { + display: flex !important; + padding: 0; + border-top: 1px solid rgba(0,0,0,0.1); + overflow: hidden; + background: none !important; + .item { + flex-direction: column; + & > * { + margin: 0 !important; + } + i { + margin-bottom: 8px !important; + } + } + } + .repository-menu { + display: block !important; + height: unset !important; + } + + .language-stats-details { + height: unset !important; + padding: 0 !important; + margin: 0 !important; + order: 2; + border: 0 !important; + } + .language-stats { + border-radius: var(--base-border-radius) !important; + overflow: hidden !important; + pointer-events: none; + margin-top: 0; + } + .horizontal.list:not(.two) { + padding-top: 1rem; + } + .list, + &.horizontal, // Activies buttons + { + flex-direction: column; + background: none !important; + justify-content: flex-start; + .item, & > a.attached.segment { + border-radius: 12px !important; + padding: 12px 0 !important; + padding-bottom: 18px !important; + flex-grow: 0; + position: relative; + margin-right: 0 !important; + border: none; + a { + padding: 0 !important; + } + .bold, b { + font-weight: 500 !important; + } + &.active, &:target { + background: none !important; + &::before { + content: ""; + position: absolute; + top: 0; + left: -5px; + right:-5px; + bottom: 5px; + background: var(--color-primary); + opacity: .1; + z-index: -1; + border-radius: 12px; + } + } + &::after { + content: unset !important; + } + } + &.list a, span { + & > * { + margin-bottom: 5px; + } + svg { + width: 100%; + height: 20px; + margin-bottom: 10px !important; + } + display: flex; + flex-direction: column; + padding: 0 10px; + justify-content: center; + } + } + } + + + } + } + } + +} + +/* ISSUES LIST / MILESTONES LIST, mostly issue's list though. */ +.issue.list, .milestone.list { + border: 1px solid var(--color-secondary); + border-radius: var(--base-border-radius); + background: var(--color-menu); + padding: 0 !important; + margin-top: 1rem; + &.milestone.list li { + border-bottom-style: solid !important; + padding: 10px 15px !important; + &:last-child { + border-bottom: 0; + } + & > a { + font-size: 1.4em; + } + } + li { + padding: 8px 10px !important; + // padding-bottom: 6px !important; + // padding-top: 0px !important; + position: relative; + &:hover:before, &:focus-within:before { + content: ""; + position: absolute; + inset: 0; + background-color: var(--color-primary); + z-index: 0; + opacity: .07; + pointer-events: none; + } + & > * { + z-index: 1; + } + .issue-item-left { + padding-top: 2px; + svg { + margin-right: 8px; + } + } + .issue-item-top-row { + // margin-bottom: 4px; + display: flex; + flex-wrap: wrap; + a { + vertical-align: unset !important; + margin-bottom: 8px; + } + & > a { + margin-right: 4px; + } + .label { + line-height: 1em; + font-weight: 500; + text-transform: capitalize; + filter: saturate(.8); + } + } + .issue-item-bottom-row { + margin-top: -6px !important; + svg { + margin-top: 3px; + } + .checklist { + margin-left: auto; + } + } + .content { + padding-bottom: 2px; + padding-top: 2px !important; + } + .issue-item-icons-right { + width: 5em; + justify-content: flex-end; + .text { + min-width: unset; + margin-left: 0; + } + } + .issue-item-icons-right a { + display: flex; + align-items: center; + } + } + .label { + margin-top: -1px; + position: relative; + } +} + +/* Repo page releases list */ +#release-list { + padding-left: 0; + .four.wide.column { + width: 150px !important; + } +} + +/*** USER PROFILES & EXPLORE PAGES ***/ +.explore, .page-content.user, .profile { + display: flex; + flex-wrap: wrap; + justify-content: center; + + /* Responsive explore page */ + &.explore > .ui.container { + max-width: calc(100vw - 40px); + width: 3000px !important; + padding: 0 calc(10vw - 80px); + } + &.organization { + & > .ui.container:first-child { + padding-top: 30px; + padding-bottom: 30px; + #org-info { + display: flex; + flex-direction: column; + margin: 0 10px; + justify-content: center; + & > p { + margin: 0 !important; + margin-bottom: .2rem !important; + } + .item { + display: flex; + align-items: center; + a { + margin-left: 4px; + } + } + } + } + .ui.eleven.wide.column::before { + content: unset !important; + } + } + + & > .ui.container { + max-width: 1350px; + width: 100% !important; + padding: 0 20px; + // Profile Column + &[class="ui container"] .five.wide.column { + width: 320px !important; + flex: 1 0 320px !important; + position: sticky; + bottom: 10px; + align-self: flex-end; + min-height: 100vh; + line-height: 1.5em; + .card { + width: 100%; + border: 0; + background: none !important; + #profile-avatar { + padding-left: .7rem; + padding-right: 2rem !important; + padding-top: .5rem; + + } + #profile-avatar .avatar { + border-radius: calc(var(--base-border-radius) * 2) !important; + box-shadow: 0 4px 12px rgba(0,0,0,0.1); + border: 1px solid var(--color-secondary); + background: var(--color-body); + height: 100% !important; + max-height: 80vh; + } + .profile-avatar-name { + font-size: 2rem; + display: contents; + span { + text-align: left; + font-weight: 600; + padding-left: .7rem; + margin: 1.5rem 0; + + &.header { + font-weight: 500; + letter-spacing: .1em; + height: 39px; + line-height: 40px; + margin-bottom: -1em; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + margin-top: 0; + background: var(--color-body); + position: sticky; + top: 0px; + z-index: 3; + box-shadow: 0 -5px 5px var(--color-body); + } + &.username { + z-index: 2; + } + } + } + .extra { + border: 0 !important; + li { + border: 0 !important; + padding: .3rem .7rem; + display: flex; + align-items: center; + svg { + margin-right: 8px; + } + .user-orgs { + justify-content: center; + margin-top: 1rem !important; + li { + flex-grow: 1 !important; + a { + width: 100%; + img { + width: 35px; + height: 35px; + } + } + } + } + .render-content { + padding: .6rem 0; + padding-bottom: .7rem !important; + p { + word-break: normal !important; + line-height: 1.5em; + } + } + } + .follow form { + margin-top: 1rem; + width: 100%; + } + } + + } + } + // Repo's column + .eleven.wide.column { + flex-grow: 100; + width: 500px !important; + max-width: 100%; + .ui.secondary.stackable.pointing.tight.menu { + margin: 0 -2px; + margin: 0 -20px; + margin-left: -40px; + margin-bottom: 1.5rem; + position: sticky; + top: -2px !important; + margin-top: -42px; + height: 42px; + z-index: 99; + background-color: var(--color-body); + &::before { + content: ""; + min-width: 40px; + display: block; + position: sticky; + left: 0px; + background: linear-gradient(to right, var(--color-body), transparent); + z-index: 1; + } + @supports (backdrop-filter: blur(10px)) { + backdrop-filter: blur(10px); + background-color: transparent; + &::after { + all: unset; + z-index: -1; + content: "" !important; + position: absolute; + inset: 0; + background-color: var(--color-body); + opacity: .8; + } + } + } + &::before { + content: ""; + position: sticky; + margin: 0 !important; + margin-left: -100vw !important; + margin-top: 42px !important; + width: 200vw; + display: block; + border-bottom: 1px solid var(--color-secondary); + top: 39px; + z-index: -1; + } + } + .item .meta { + display: flex; + align-items: center; + svg { + margin-right: 4px; + } + a { + max-width: calc(100% - 20px); + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + } + } + + } +} + +/* USER FEEDS */ +.ui.container > .news, .feeds > .news { + border: 1px solid var(--color-secondary) !important; + border-bottom: none !important; + background: var(--color-box-body); + // margin-bottom: 1rem; + border-radius: var(--base-border-radius) var(--base-border-radius) 0 0; + padding: 12px 12px !important; + position: relative; + overflow: hidden; + & + .news { + border-radius: 0 !important; + } + &:last-child { + border-radius: 0 0 var(--base-border-radius) var(--base-border-radius) !important; + border-bottom: 1px solid var(--color-secondary) !important; + } + &::before { + content: ""; + position: absolute; + inset: 0; + background: var(--color-primary); + opacity: 0; + transition: opacity .2s; + } + &:hover::before, &:focus-within::before { + opacity: .05; + } + .ui.left { + width: 42px; + img { + margin: 0 !important; + // margin-top: 3px !important; + margin-right: 18px !important; + border-radius: var(--base-border-radius); + } + } + .ui.grid { + margin: 0 !important; + padding: 0 !important; + padding-top: 1px !important; + min-height: 30px; + & > .column { + padding: 0 !important; + width: 100% !important; + & > div { + display: flex; + flex-wrap: wrap; + align-items: center; + min-height: 100%; + p { + height: max-content; + } + & > *:first-child { + // min-width: 100%; + min-width: calc(100% - 200px); + margin-bottom: 0 !important; + } + & > :not(:first-child):not(:last-child) { + min-width: calc(100% - 200px); + margin-top: .3em; + } + & > *:last-child { + margin-left: auto; + margin-top: auto; + } + } + } + .content { + max-width: 100%; + } + & > .column > div > p:first-child { + margin-bottom: 0.4rem; + font-weight: 600; + } + + + & > .right.column { + position: absolute; + top: 32px; + left: 0; + width: 53px !important; + text-align: center; + z-index: 2; + svg { + width: 26px; + height: 26px; + padding: 3px; + fill: black !important; + background-color: var(--color-box-body); + border-radius: 100px; + border: 1px solid var(--color-secondary); + path { + fill: var(--color-primary); + } + } + } + .title, p, ul { + margin-bottom: 0; + } + ul { + margin-top: 0; + border-left: 4px solid var(--color-secondary); + li .mr-2 { + margin-top: .1em; + } + } + } + .divider { + display: none; + } +} + +/* REPOSITORY LIST */ +.ui.repository.list, +.ui.user.list { + margin-top: 16px !important; + display: grid; + grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); + grid-gap: 16px; + + .item { + width: 100%; + max-width: calc(100vw - 40px); + min-height: unset !important; + padding: 14px 16px !important; + border: 1px solid var(--color-secondary); + background: var(--color-box-body); + border-radius: 8px; + flex-grow: 1; + display: grid !important; + position: relative; + grid-template-columns: max-content 1fr; + align-content: flex-start; + &:hover, &:focus-within { + box-shadow: var(--lt-shadowDefault); + } + &:focus-within { + // outline: 1px solid var(--color-primary) !important; + border-color: var(--color-primary) !important; + } + + .header { + display: contents !important; + .repo-title { + display: contents; + position: relative; + font-size: 1.2rem; + line-height: 1.4em; + a { + white-space: normal !important; + word-break: normal !important; + text-decoration: none !important; + } + & > * { + grid-column: 2 / span 4; + } + .labels { + grid-column: 3; + grid-row: 2; + margin-left: 0 !important; + white-space: nowrap; + } + a::before { + content: ""; + position: absolute; + top: 0; + left: 0; + height: 80px; + width: 100%; + } + } + .avatar { + height: 50px !important; + width: 50px !important; + margin-right: 12px !important; + margin-left: -2px; + grid-column: 1; + grid-row: 1 / span 2; + border-radius: 12px; + } + + .metas { + grid-column: 2; + grid-row: 2; + width: 100%; + } + } + .description { + display: contents; + & > p:first-child { + padding-top: 4px; + margin-bottom: 0px; + } + & > * { + grid-column: 1 / span 4; + } + & > *:nth-last-child(2) { + margin-bottom: 0 !important; + } + .time { + grid-row: 2; + grid-column: 4; + // padding-top: 7px; + margin-left: 10px; + text-align: right; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + z-index: 3; + // line-height: 24px + height: max-content; + margin-block: auto !important; + } + .tags { + display: flex; + overflow-x: auto; + scrollbar-width: none; + margin-top: 8px; + border-radius: 100px; + &::-webkit-scrollbar { + display: none; + } + a > div { + width: max-content !important; + } + a:last-child { + padding-right: 100px; + } + &::after { + content: ""; + min-width: 100px; + margin-left: -100px; + height: 100%; + position: sticky; + display: flex; + right: 0px; + background: linear-gradient(to right, transparent, var(--color-box-body)); + pointer-events: none; + } + } + } + + // User & Organization cards + .content { + padding-left: 12px; + margin-bottom: -.4em; + .header { + a { + font-weight: 600; + text-transform: capitalize; + } + } + .description { + display: flex; + flex-direction: column; + padding-left: 22px; + line-height: 1.8em; + margin-top: .5em; + svg { + margin-bottom: -1.45em !important; + margin-left: -22px !important; + } + } + } + + } + +} + +/*** DASHBOARD ***/ +.dashboard { + display: flex; + flex-wrap: wrap; + margin: auto; + max-width: 100%; + padding: 30px 0; + width: 1400px; + margin-bottom: -45px; + gap: -50px; + + /* Move Navbar to the side */ + .dashboard-navbar { + width: auto; + position: sticky; + bottom: 10px; + align-self: flex-end; + height: min-content; + z-index: 2; + flex: 1 1 80px; + max-width: calc(100% - 60px); + margin: 0 auto; + margin-left: 10px !important; + margin-bottom: 40px; + background-color: var(--color-bg); + & > .menu { + padding-top: 0 !important; + padding-right: 0 !important; + } + .button { + white-space: nowrap; + max-width: 100% !important; + padding-inline: 10px !important; + overflow: hidden; + } + & > .ui { + display: flex; + flex-wrap: wrap; + flex-direction: row !important; + padding-top: 20px; + + .right.right { + display: contents; + } + & > .item, & > .right > .item { + + flex-direction: column; + margin: 0px !important; + text-align: center; + flex-grow: 1; + display: flex !important; + align-content: center; + align-items: center; + padding-bottom: 20px; + + max-width: 100%; + width: 80px !important; + text-indent: -.35em !important; + + & > .dropdown, .button { + text-indent: 0px !important; + } + span { + text-align: center; + } + .label { + margin: 0 !important; + } + svg:not(.octicon-plus) { + width: 100%; + height: 22px; + margin: 0 !important; + margin-bottom: 10px !important; + } + + .dropdown > span { + flex-direction: column; + img { + margin: 0 auto; + width: 40px; + height: 40px !important; + max-height: unset; + margin-bottom: 10px; + } + .icon { + margin-bottom: 0 !important; + } + .avatar { + border-radius: var(--base-border-radius); + } + span { + margin-bottom: -4px; + } + } + + } + } + } + + & > .divider { + // margin: 0 -10px; + } + + /* Main Content */ + & > .ui.container { + margin: 0 auto !important; + display: flex; + flex-wrap: wrap-reverse !important; + flex: 9999 1 900px; + margin-top: -31px !important; + padding-top: 30px; + border-top: 1px solid var(--color-secondary); + --container-padding-x: calc(2.5% + 0px); + + & > .ui.stackable.grid { + width: 100%; + justify-content: center; + margin: 0; + // Issues page + & > .four.wide.column { + + } + // Stll the Dashboard + & > .ten.column { + z-index: 1; + padding: 15px var(--container-padding-x) !important; + padding-bottom: var(--container-padding-x) !important; + margin: 0 auto !important; + } + & > .column { + max-width: calc(100vw - 40px); + margin: 0 auto; + flex-grow: 1; + #user-heatmap + .divider { + border-bottom: 0; + } + .ui.secondary.menu, .ui.stackable.grid { + margin-left: 0 !important; + margin-right: 0 !important; + } + } + /* Change to row wrapping for better responsiveness, aswell as adding a border to better differenciate buttons */ + .four.wide.column { + min-width: 230px; + + div { + flex-grow: 9999; + } + & > .menu { + display: flex; + flex-direction: row; + flex-wrap: wrap; + margin: 0 -6px !important; + background: none !important; + a { + display: flex; + flex: 1 0 auto; + min-width: 200px; + max-width: calc(100% - 12px); + border: 1px solid var(--color-secondary); + margin: 3px 6px; + .right { + margin-left: auto; + } + span { + width: 100%; + } + .label { + margin-left: 8px; + } + &:hover { + background-color: var(--color-light); + } + } + .ui.divider { + /* Do what a divider is suppose to do, separate into two rows. */ + width: 100%; + margin: 12px 6px; + } + } + } + } + } + /* Right Sidebar */ + #app, #dashboard-repo-list { + height: min-content; + position: sticky; + bottom: 0; + align-self: flex-end; + margin: 0 auto !important; + margin-top: 0 !important; + margin-bottom: -81px !important; + padding: 0 var(--container-padding-x) !important; + padding-top: 10px !important; + padding-bottom: 0 !important; + z-index: 0; + max-width: 100% !important; + flex-shrink: 9999; + & > div { + height: 100%; + display: flex; + flex-direction: column; + min-height: calc(100vh - 30px); + } + &::before { + content: ""; + position: absolute; + bottom: -15px; + width: 200vw; + height: calc(100vh + 25px); + right: calc(100% - 15px); + right: 100%; + z-index: -100; + background: var(--color-light); + box-shadow: 200vw 0 var(--color-body), + inset 0 -8px 8px rgba(0,0,0,0.07); + // border-right: 1px solid var(--color-secondary); + } + + + .tabable { + background: none; + margin-right: 0 !important; + box-sizing: border-box; + width: unset; + margin-bottom: 0; + } + .dashboard-repos, .dashboard-orgs { + margin: 0 -10px !important; + padding: 0 10px; + overflow-y: auto; + overflow-x: hidden; + scrollbar-width: thin; + margin-bottom: 0; + min-height: 200px; + height: 0; + flex-grow: 1; + padding-top: 15px; + scrollbar-color: var(--color-secondary) transparent; + .repos-search .input { + margin-bottom: 8px; + } + & > .ui:last-child { + margin-bottom: 78px; + } + & > * { + border: 0; + background: none; + } + + .label { + padding: 0 .5em !important; + height: 1.4em; + min-height: unset; + font-size: .9em; + min-width: 2em !important; + position: relative; + background: none; + margin-left: .5em; + &::before { + content: ""; + position: absolute; + inset: 0; + background-color: var(--color-primary); + opacity: .9; + z-index: -1; + border-radius: 100px; + } + } + + .header { + // padding-top: 10px; + font-weight: 600; + a { + display: flex; + align-items: center; + svg { + width: 18px; + height: 18px; + } + } + } + .header, .repos-search { + padding-left: 5px; + padding-right: 5px; + } + .repos-search { + padding-top: 0; + input, .button { + background: none !important; + } + } + .repos-filter { + justify-content: flex-start; + .item { + padding: .85714286em 1.14285714em; + } + .active { + font-weight: 600; + &::before { + content: unset !important; + } + .label { + font-size: 1em; + } + } + } + .table { + margin-top: 4px; + } + li { + background: none; + font-weight: 700; + border: 0; + a { + padding: 5px 5px; + position: relative; + &:hover:before { + content: ""; + position: absolute; + inset: -2px -6px; + background-color: var(--color-primary); + border-radius: var(--base-border-radius); + z-index: -1; + opacity: .1; + } + .item-name { + display: flex; + align-items: center; + max-width: unset; + margin-right: 10px; + svg { + margin-right: 8px !important; + min-width: 16px; + } + } + strong { + font-weight: 700; + text-overflow: ellipsis; + overflow: hidden; + } + } + } + } + } +} + + +footer { + border: 0; + padding: 20px; + box-sizing: border-box; + width: auto !important; + border-top: 1px solid var(--color-secondary); + background: var(--color-body); + z-index: 2; + .container { + max-width: 1390px !important; + padding: 0 40px; + box-sizing: border-box; + width: auto !important; + } +} + +/*** MOBILE FIXES ***/ +@media only screen and (max-width: 767px) { + // Padding & Layout. + .page-content { + margin-bottom: 0 !important; + } + .ui { + --mobile-padding: 18px; + } + .ui.ui.ui.container:not(.fluid) { + margin-inline: var(--mobile-padding) !important; + & > #repo-files-table, & > .tab-size-8, .issue.list, .comment-list, .comment { + margin-inline: calc(0px - var(--mobile-padding)) !important; + width: calc(100% + (var(--mobile-padding) * 2)) !important; + border-inline: none !important; + border-radius: 0; + &.comment-list { + margin-left: 0 !important; + } + } + } + .tabular, .attached.header, + .issue.list .item, + .ui.ui.ui.ui.table:not(.unstackable) > tr, .ui.ui.ui.ui.table:not(.unstackable) > thead > tr, .ui.ui.ui.ui.table:not(.unstackable) > tbody > tr, .ui.ui.ui.ui.table:not(.unstackable) > tfoot > tr { + padding-inline: var(--mobile-padding) !important; + } + + .five.wide.column { + min-height: unset !important; + } + + + // buttons + .ui.button:not(.icon.detail):not(.labeled) { + min-height: 45px !important; + padding-left: 25px !important; + padding-right: 25px !important; + max-width: unset !important; + } + + // Repo Page + .ui.menu.mobile--margin-between-items > .fitted.item { + width: auto !important; + } + .repo-header { + flex-direction: column; + .repo-title { + flex-direction: column; + .repo-icon, .avatar { + width: 120px !important; + height: 120px !important; + margin-bottom: .3em; + margin-right: 0 !important; + display: flex; + align-items: center; + justify-content: center; + svg { + width: 70%; + height: 70%; + } + } + .mx-2 { + display: none; + } + .labels { + margin-left: 0 !important; + margin-top: .2em; + } + } + .repo-buttons { + margin-top: 1em; + [data-position] { + width: 100%; + justify-content: center + } + } + } + + // DASHBOARD + .dashboard { + & > .ui.container { + #app { + margin-bottom: 0 !important; + &::before { + content: unset !important; + } + & > div { + min-height: unset !important; + .dashboard-repos { + height: auto; + } + } + } + } + } + + // FOOTER + footer { + .links { + & > * { + display: block; + padding: 0 !important; + margin: 0 !important; + border: 0 !important; + } + } + } +}