Matt's Roof Garden

Powered by 🌱Roam Garden

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;
}