roam tabs testing
v1
.ttab > .rm-block__self{
-webkit-transition: 0.3s box-shadow ease;
transition: 0.3s box-shadow ease;
border-radius: 6px;
max-width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
list-style: none;
background-color: green;
margin: 40px 0;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.tab.rm-block[data-page-links*="TODO"]> .rm-block-children >div:nth-of-type(3){
color:blue;
display:none;
}
.tab.rm-block[data-page-links*="DONE"]> .rm-block-children >div:nth-of-type(2){
display:none;
}
.tab .tab-label > .rm-block__self{
border-radius: 6px 6px 0 0;
cursor: pointer;
color: #F90303;
-webkit-box-flex: 3;
-ms-flex-positive: 3;
flex-grow: 3;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: center;
}
.rm-page-ref[data-tag=".tab"] {
display:none !important;
}
.tab.rm-block[data-page-links*="TODO"] > .rm-block__self:after{
}
.tab.rm-block[data-page-links*="DONE"] > .rm-block__self .check-container .checkmark{
width:100px;
border-radius:0 !important;
}
.tab.rm-block[data-page-links*="DONE"] > .rm-block__self .check-container .checkmark:after{
content:"ANTI";
transform: rotate(0deg) scale(1);
width:100%;
height:inherit !important;
border:none;
box-shadow:none;
--webkit-box-shadow:none;
}
.tab.rm-block[data-page-links*="TODO"] > .rm-block__self .check-container:after {
content:"LIBRARY";
transform: rotate(0deg) scale(1);
width:100px !important;
height:100px !important;
border:none;
box-shadow:none;
--webkit-box-shadow:none;
}
.tab.rm-block[data-page-links*="TODO"] > .rm-block__self .check-container input:checked~.checkmark, .bp3-control input:checked ~ .bp3-control-indicator{
background-color:transparent;
border:none;
box-shadow:none;
--webkit-box-shadow:none;
}