Background

Classes related to background properties.

• /* DEBUG */
  ._ddr{background: red}._ddg{background: green}._ddb{background: blue}
  /* COLOR */
  .bg-trans {background: transparent}
  .bg-red-25{background: #ff000044}.bg-green-25{background: #00FF0044}.bg-blue-25{background: #0000ff44}
  .bg-red-50{background: #ff000077}.bg-green-50{background: #00FF0077}.bg-blue-50{background: #0000ff77}
  .bg-red-75{background: #ff0000aa}.bg-green-75{background: #00FF00aa}.bg-blue-75{background: #0000ffaa}
  .bg-black{background: black}.bg-white{background: white}
  .bg-w-90{background: #ffffffbb}.bg-w-50{background: #ffffff77}
  .bg-w-20{background: #ffffff22}.bg-w-10{background: #ffffff11}
  .bg-b-90{background: #000000bb}.bg-b-50{background: #00000077}
  .bg-b-20{background: #00000022}.bg-b-10{background: #00000011}.bg-b-5{background: #0000000a}
  .bg-b-30{background: #00000033}.bg-b-40{background: #00000044}
  .bg-b-10-odd:nth-child(odd){background: #00000011}
  .bg-b-5-odd:nth-child(odd){background: #00000008}
  .bg-b-2-odd:nth-child(odd){background: #F9FAFB}
  /* BG HOVERING */
  .bg-w-hov-100:hover{background: #ffffff}.bg-w-hov-50:hover{background: #ffffff77}
  .bg-w-hov-20:hover{background: #ffffff22}.bg-w-hov-33:hover{background: #ffffff55}
  .bg-w-hov-10:hover{background: #ffffff11}.bg-w-hov-33:hover{background: #ffffff55}
  .bg-b-hov-100:hover{background: #000000}.bg-b-hov-50:hover{background: #00000077}
  .bg-b-hov-20:hover{background: #00000022}.bg-b-hov-33:hover{background: #00000055}
  .bg-b-hov-10:hover{background: #00000011}.bg-b-hov-33:hover{background: #00000055}
  /* GLASS-MORPHISM */
  .bg-glass-1 {backdrop-filter: blur(1px);-webkit-backdrop-filter: blur(1px)}
  .bg-glass-2 {backdrop-filter: blur(2px);-webkit-backdrop-filter: blur(2px)}
  .bg-glass-3 {backdrop-filter: blur(3px);-webkit-backdrop-filter: blur(3px)}
  .bg-glass-4{backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px)}
  .bg-glass-5{backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px)}
  .bg-glass-6{backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px)}
  .bg-glass-10{backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px)}
  .bg-glass-20{backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px)}
  .bg-glass-50{backdrop-filter: blur(50px);-webkit-backdrop-filter: blur(50px)}
  .bg-glass-100{backdrop-filter: blur(100px);-webkit-backdrop-filter: blur(100px)}