logo

mastofe

My custom branche(s) on git.pleroma.social/pleroma/mastofe git clone https://hacktivis.me/git/mastofe.git

basics.scss (1926B)

    

  1. body {
  2.   font-family: sans-serif;
  3.   background: $ui-base-color;
  4.   background-size: cover;
  5.   background-attachment: fixed;
  6.   font-size: 13px;
  7.   line-height: 18px;
  8.   font-weight: 400;
  9.   color: $primary-text-color;
  10.   padding-bottom: 20px;
  11.   text-rendering: optimizelegibility;
  12.   font-feature-settings: "kern";
  13.   text-size-adjust: none;
  14.   -webkit-tap-highlight-color: rgba(0,0,0,0);
  15.   -webkit-tap-highlight-color: transparent;
  17.   &.app-body {
  18.     position: absolute;
  19.     width: 100%;
  20.     height: 100%;
  21.     padding: 0;
  22.     background: $ui-base-color;
  23.   }
  25.   &.about-body {
  26.     background: darken($ui-base-color, 8%);
  27.     padding-bottom: 0;
  28.   }
  30.   &.tag-body {
  31.     background: darken($ui-base-color, 8%);
  32.     padding-bottom: 0;
  33.   }
  35.   &.player {
  36.     text-align: center;
  37.   }
  39.   &.embed {
  40.     background: transparent;
  41.     margin: 0;
  42.     padding-bottom: 0;
  44.     .container {
  45.       position: absolute;
  46.       width: 100%;
  47.       height: 100%;
  48.       overflow: hidden;
  49.     }
  50.   }
  52.   &.admin {
  53.     background: darken($ui-base-color, 4%);
  54.     position: fixed;
  55.     width: 100%;
  56.     height: 100%;
  57.     padding: 0;
  58.   }
  60.   &.error {
  61.     position: absolute;
  62.     text-align: center;
  63.     color: $ui-primary-color;
  64.     background: $ui-base-color;
  65.     width: 100%;
  66.     height: 100%;
  67.     padding: 0;
  68.     display: flex;
  69.     justify-content: center;
  70.     align-items: center;
  72.     .dialog {
  73.       vertical-align: middle;
  74.       margin: 20px;
  76.       img {
  77.         display: block;
  78.         max-width: 470px;
  79.         width: 100%;
  80.         height: auto;
  81.         margin-top: -120px;
  82.       }
  84.       h1 {
  85.         font-size: 20px;
  86.         line-height: 28px;
  87.         font-weight: 400;
  88.       }
  89.     }
  90.   }
  91. }
  93. button {
  94.   font-family: inherit;
  95.   cursor: pointer;
  97.   &:focus {
  98.     outline: none;
  99.   }
  100. }
  102. .app-holder {
  103.   &,
  104.   & > div {
  105.     display: flex;
  106.     width: 100%;
  107.     height: 100%;
  108.     align-items: center;
  109.     justify-content: center;
  110.     outline: 0 !important;
  111.   }
  112. }