mirrors/bookwyrm
1
0
Fork 1
mirror of https://github.com/bookwyrm-social/bookwyrm.git synced 2024-06-02 21:39:23 +00:00
Code Issues Projects Releases Wiki Activity

Runs stylelint fix

Browse source
This commit is contained in:
Mouse Reeve 2022-02-17 16:53:53 -08:00
parent d510299ae4
commit 31a61713d9
1 changed files with 106 additions and 78 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

184
bookwyrm/static/css/bookwyrm.css
View file

@ -305,142 +305,170 @@ details.dropdown .dropdown-menu a:focus-visible {
******************************************************************************/
.bw-tabs {
-webkit-overflow-scrolling:touch;
-webkit-touch-callout:none;
-webkit-overflow-scrolling: touch;
-webkit-touch-callout: none;
position: relative;
align-items:center;
display:flex;
font-size:1rem;
justify-content:flex-start;
overflow-x:auto;
overflow-y:hidden;
user-select:none;
white-space:nowrap
align-items: center;
display: flex;
font-size: 1rem;
justify-content: flex-start;
overflow-x: auto;
overflow-y: hidden;
user-select: none;
white-space: nowrap;
}
.bw-tabs::before {
border-bottom-color:#dbdbdb;
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color: #dbdbdb;
border-bottom-style: solid;
border-bottom-width: 1px;
bottom: 0;
content:"";
content: "";
position: absolute;
width: 100%;
}
.bw-tabs:not(:last-child) {
margin-bottom:1.5rem
margin-bottom: 1.5rem;
}
.bw-tabs a {
align-items:center;
border-bottom-color:#dbdbdb;
border-bottom-style:solid;
border-bottom-width:1px;
color:#4a4a4a;
display:flex;
justify-content:center;
margin-bottom:-1px;
padding:.5em 1em;
position: relative;
align-items: center;
border-bottom-color: #dbdbdb;
border-bottom-style: solid;
border-bottom-width: 1px;
color: #4a4a4a;
display: flex;
justify-content: center;
margin-bottom: -1px;
padding: 0.5em 1em;
position: relative;
}
.bw-tabs a:hover {
border-bottom-color:transparent;
color:#363636
border-bottom-color: transparent;
color: #363636;
}
.bw-tabs a.is-active {
border-bottom-color:transparent;
color:#3273dc
border-bottom-color: transparent;
color: #3273dc;
}
.bw-tabs.is-left {
padding-right:.75em
padding-right: 0.75em;
}
.bw-tabs.is-center {
flex:none;
justify-content:center;
padding-left:.75em;
padding-right:.75em
flex: none;
justify-content: center;
padding-left: 0.75em;
padding-right: 0.75em;
}
.bw-tabs.is-right {
justify-content:flex-end;
padding-left:.75em
justify-content: flex-end;
padding-left: 0.75em;
}
.bw-tabs .icon:first-child {
margin-right:.5em
margin-right: 0.5em;
}
.bw-tabs .icon:last-child {
margin-left:.5em
margin-left: 0.5em;
}
.bw-tabs.is-centered {
justify-content:center
justify-content: center;
}
.bw-tabs.is-right {
justify-content:flex-end
justify-content: flex-end;
}
.bw-tabs.is-boxed a {
border:1px solid transparent;
border-radius:4px 4px 0 0
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
}
.bw-tabs.is-boxed a:hover {
background-color:#f5f5f5;
border-bottom-color:#dbdbdb
background-color: #f5f5f5;
border-bottom-color: #dbdbdb;
}
.bw-tabs.is-boxed a.is-active {
background-color:#fff;
border-color:#dbdbdb;
border-bottom-color:#fff!important
background-color: #fff;
border-color: #dbdbdb;
border-bottom-color: #fff !important;
}
.bw-tabs.is-fullwidth a {
flex-grow:1;
flex-shrink:0
flex-grow: 1;
flex-shrink: 0;
}
.bw-tabs.is-toggle a {
border-color:#dbdbdb;
border-style:solid;
border-width:1px;
margin-bottom:0;
position:relative
border-color: #dbdbdb;
border-style: solid;
border-width: 1px;
margin-bottom: 0;
position: relative;
}
.bw-tabs.is-toggle a:hover {
background-color:#f5f5f5;
border-color:#b5b5b5;
z-index:2
background-color: #f5f5f5;
border-color: #b5b5b5;
z-index: 2;
}
.bw-tabs.is-toggle a+a {
margin-left:-1px
.bw-tabs.is-toggle a + a {
margin-left: -1px;
}
.bw-tabs.is-toggle a:first-child {
border-top-left-radius:4px;
border-bottom-left-radius:4px
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.bw-tabs.is-toggle a:last-child {
border-top-right-radius:4px;
border-bottom-right-radius:4px
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.bw-tabs.is-toggle a.is-active {
background-color:#3273dc;
border-color:#3273dc;
color:#fff;
z-index:1
background-color: #3273dc;
border-color: #3273dc;
color: #fff;
z-index: 1;
}
.bw-tabs.is-toggle {
border-bottom:none
border-bottom: none;
}
.bw-tabs.is-toggle.is-toggle-rounded a:first-child {
border-bottom-left-radius:290486px;
border-top-left-radius:290486px;
padding-left:1.25em
border-bottom-left-radius: 290486px;
border-top-left-radius: 290486px;
padding-left: 1.25em;
}
.bw-tabs.is-toggle.is-toggle-rounded a:last-child {
border-bottom-right-radius:290486px;
border-top-right-radius:290486px;
padding-right:1.25em
border-bottom-right-radius: 290486px;
border-top-right-radius: 290486px;
padding-right: 1.25em;
}
.bw-tabs.is-small {
font-size:.75rem
font-size: 0.75rem;
}
.bw-tabs.is-medium {
font-size:1.25rem
font-size: 1.25rem;
}
.bw-tabs.is-large {
font-size:1.5rem
font-size: 1.5rem;
}
.bw-tabs.has-aside-text a {
@ -449,7 +477,7 @@ details.dropdown .dropdown-menu a:focus-visible {
.bw-tabs a .aside-text {
position: absolute;
top: calc(-.75rem - .75rem);
top: calc(-0.75rem - 0.75rem);
left: 0;
color: #4a4a4a;
}