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;

  16. 

  17.   &.app-body {

  18.     position: absolute;

  19.     width: 100%;

  20.     height: 100%;

  21.     padding: 0;

  22.     background: $ui-base-color;

  23.   }

  24. 

  25.   &.about-body {

  26.     background: darken($ui-base-color, 8%);

  27.     padding-bottom: 0;

  28.   }

  29. 

  30.   &.tag-body {

  31.     background: darken($ui-base-color, 8%);

  32.     padding-bottom: 0;

  33.   }

  34. 

  35.   &.player {

  36.     text-align: center;

  37.   }

  38. 

  39.   &.embed {

  40.     background: transparent;

  41.     margin: 0;

  42.     padding-bottom: 0;

  43. 

  44.     .container {

  45.       position: absolute;

  46.       width: 100%;

  47.       height: 100%;

  48.       overflow: hidden;

  49.     }

  50.   }

  51. 

  52.   &.admin {

  53.     background: darken($ui-base-color, 4%);

  54.     position: fixed;

  55.     width: 100%;

  56.     height: 100%;

  57.     padding: 0;

  58.   }

  59. 

  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;

  71. 

  72.     .dialog {

  73.       vertical-align: middle;

  74.       margin: 20px;

  75. 

  76.       img {

  77.         display: block;

  78.         max-width: 470px;

  79.         width: 100%;

  80.         height: auto;

  81.         margin-top: -120px;

  82.       }

  83. 

  84.       h1 {

  85.         font-size: 20px;

  86.         line-height: 28px;

  87.         font-weight: 400;

  88.       }

  89.     }

  90.   }

  91. }

  92. 

  93. button {

  94.   font-family: inherit;

  95.   cursor: pointer;

  96. 

  97.   &:focus {

  98.     outline: none;

  99.   }

  100. }

  101. 

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