Tumblr Patio - Compact Sidebar by lu9-st

/* ==UserStyle==
@name           Tumblr Patio - Compact Sidebar
@namespace      Lu9
@version        1.0.0
@description    Collapses the Tumblr Patio sidebar in a more TweetDeck-style manner by default
@author         Lu9
@advanced          checkbox nohover    "Stay Collapsed (Don't Expand On Hover)"  0
@preprocessor stylus
==/UserStyle== */

@-moz-document url-prefix("https://www.tumblr.com/_labs/patio") {
.FA5JM {
        width: 48px;
        padding-left: 10px;
        transition-property: width, padding-left;
        transition-duration: 0.25s;
    }
if !nohover {
.FA5JM:hover {
        width: 240px;
        padding-left: 0px;
    }
}
.h_Erh {
        flex-basis: 48px !important;
        transition-property: flex-basis;
        transition-duration: 0.25s;
     .sebgd {
        opacity: 0%;
        transition-property: opacity;
        transition-duration: 0.25s;
     }
     .gLEjz {
        opacity: 0%;
        transition-property: opacity;
        transition-duration: 0.25s;
     }
     .Gav7q {
        opacity: 0%;
        transition-property: opacity;
        transition-duration: 0.25s;
     }
     .ZC1wz {
      font-size: 0rem;
        transition-property: font-size;
        transition-duration: 0.25s;
     }
     #xkit_button.tab.iconic.tab_xkit {
        opacity: 0%;
        transition-property: opacity;
        transition-duration: 0.25s;
     }
     .jGgIg .ML6ef {
      font-size: 0rem;
      gap: 0px;
      max-width: 40px;
      margin-right: 12px;
     transition-property: font-size, gap, max-width, margin-right;
     transition-duration: 0.25s;
     }
    }
if !nohover {
.h_Erh:hover {
        flex-basis: 240px !important;
     .sebgd {
        opacity: 100%;
     }
     .gLEjz {
        opacity: 100%;
     }
     .Gav7q {
        opacity: 100%;
     }
     #xkit_button.tab.iconic.tab_xkit {
        opacity: 100%;
     }
     .ZC1wz {
        font-size: 1rem;
     }
     .jGgIg .ML6ef {
      font-size: 1rem;
      gap: 8px;
      max-width: 250px;
      margin-right: 0px;
     }
    }
   }
}