2024-01-12 06:44:06 +03:00
. fork-flag {
margin-top : 0 . 5rem ;
font-size : 12px ;
}
. repo-header {
display : flex ;
flex-flow : row wrap ;
justify-content : space-between ;
gap : 0 . 5rem ;
2024-03-20 20:00:35 +03:00
margin-bottom : 4px ;
2024-01-12 06:44:06 +03:00
}
. repo-header . flex-item {
padding : 0 ;
}
. repo-header . btn . interact-bg : hover {
text-decoration : none ;
}
. repo-header . flex-item-main {
flex-basis : unset ;
}
. repo-header . flex-item-trailing {
flex-wrap : nowrap ;
}
. repo-header . flex-item-trailing . repo-icon {
display : none ;
}
. repo-buttons {
align-items : center ;
display : flex ;
flex-flow : row wrap ;
word-break : keep-all ;
gap : 0 . 25em ;
}
. repo-buttons . ui . labeled . button > . label : hover {
color : var ( --color-primary-light-2 ) ;
background : var ( --color-light ) ;
}
. repo-buttons button [ disabled ] ~ . label {
opacity : var ( --opacity-disabled ) ;
color : var ( --color-text-dark ) ;
background : var ( --color-light-mimic-enabled ) ! important ;
}
. repo-buttons button [ disabled ] ~ . label : hover {
color : var ( --color-primary-dark-1 ) ;
}
. repo-buttons . ui . labeled . button . disabled {
pointer-events : inherit ! important ;
}
. repo-buttons . ui . labeled . button . disabled > . label {
color : var ( --color-text-dark ) ;
background : var ( --color-light-mimic-enabled ) ! important ;
}
. repo-buttons . ui . labeled . button . disabled > . label : hover {
color : var ( --color-primary-dark-1 ) ;
}
. repo-buttons . ui . labeled . button . disabled > . button {
pointer-events : none ! important ;
}
. repository . header-wrapper {
2024-03-20 14:21:18 +03:00
padding-top : 12px ;
2024-01-12 06:44:06 +03:00
background-color : var ( --color-header-wrapper ) ;
}
@ media ( max-width : 767 . 98px ) {
. repo-header . flex-item {
flex-grow : 1 ;
}
. repo-header . flex-item-trailing . label {
display : none ;
}
. repo-header . flex-item-trailing . repo-icon {
display : initial ;
}
}