Help Garden

Powered by 🌱Roam Garden

roam/css

  • This is an "Orphan" page. Its core content has not been shared: what you see below is a loose collection of pages and page snippets that mention this page, as well as snippets of this page that were quoted elsewhere.

  • .conor-table .rm-block__children {
      display: contents;
      
    }
    
    .conor-table \> .rm-block__children .rm-block {
      display: grid;
      grid-template-columns: repeat(6, 100px);
      grid-template-rows: 40px;
    }
    
    .conor-table {
      border: 2px solid grey;
      width: 50vw;
    }
    
    .conor-table .rm-block {
      border: 0.5px solid grey;
    flex: 1 1 60px;
    }
    
    .conor-table  .a \> .rm-block__self {
      background-color: blue;
      opacity: 0.4;
      color: white;
    }
    
  • .test-full-width {  
      position: fixed;
      left: 0px;
      right: 100px;
      bottom: 0px;
      z-index: -1;
      opacity: 0.4;
    }
    
  • .mindmap {
      overflow: scroll;
    background-color: rgba(211,211,211,0.31);
     min-width: 70vw;
      
      margin: 0px !important;
      padding: 8px !important;
    }
    
    .mindmap \> .rm-block__children {
      min-width: 100%;
    }
    
    .mindmap .rm-block__children .rm-block {
      display: flex;
      align-items: center;
      flex-direction: row;
    }
    .mindmap .rm-block__children .rm-block__input {
      border-left: 1px solid grey;
      border-top: 1px solid grey;
      border-bottom: 1px solid grey;
      padding: 8px;
    }
    .mindmap .rm-block__children .rm-block__self {
      flex-grow: 0.1;
    }
    .mindmap .rm-block__children .rm-block__children .rm-block__controls {
    opacity: 1;
      position: relative;
      align-self: center;
    }
    
    .mindmap .rm-block__children .rm-block__children .block-expand  {
      opacity: 1;
      background-color: green;
      height: 4px;
      align-self: center;
      min-width: 80%;
      margin-left: -4px;
      position: relative;
    }
    
    .mindmap .rm-block__children .rm-block__children .block-expand span {
      opacity: 1;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background-color: green;
      color: transparent;
      transform: none !important;
    }
    
    .mindmap .rm-block__children .rm-block__children {
       flex-grow: 1;
      margin: 12px 4px;
      padding: 8px 0px;
     
    }
    
    • 
      .mindmap .rm-block__children .rm-block__children .rm-multibar {
        opacity: 1;
        top: 1em;
        bottom: 1em;
        background-color: green;
        width: 4px;
      }
      
  • .roam-block-container[data-page-links*="horizontal"] 
    .rm-block-children {
      display: flex;
      flex-direction: row;
     
    }
    .roam-block-container[data-page-links*="horizontal"] 
     .rm-block__controls {
      display: none;
     
    }
    
  • Hide the tag

    • span.rm-page-ref[data-tag="rm-h"] {
          display: none;
      }
      
      .roam-block-container[data-page-links*="rm-h"] .rm-block-children {
        display: flex;
        flex-direction: row;
      }
      
      
  • Grid #rm-grid

    • 
      .roam-block-container[data-page-links*="rm-grid"] .rm-block-children {
        display: grid;
        background-color: #F7F8F8;
        
       grid-template-columns: repeat( auto-fit, minmax(150px, 1fr) );
      }
      
  • .roam-block-container[data-page-links*="rm-hide"]
    span.rm-page-ref[data-tag*="rm"] 
    {
      display: none;
    }
    
roam/css