.quick-settings-smol { font-size: 2px; min-height: 52px; min-width: 36px; padding: 0px 0px 0px 0px; background-color: $bg; color: rgba(0,0,0,0); border: 2px solid $contrastbg; border-bottom: none; border-top-right-radius: 80px; border-top-left-radius: 80px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .quick-settings-logo { font-size: 24px; min-height: 36px; min-width: 36px; padding: 0px 0px 0px 0px; background-color: rgba(0,0,0,0); color: #CBA6F7; border-radius: 80px; border: 2px solid rgba(0,0,0,0); } .quick-settings-logo:hover { background-color: rgba(127, 132, 156, 0.4); transition: background-color 0.5s ease-in-out; } .quick-settings { font-size: 30px; min-height: 1000px; min-width: 500px; padding: 0px 0px 0px 0px; background-color: $bg; border-top-right-radius: 0px; border-top-left-radius: 30px; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; border: 2px solid $contrastbg; } .title { font-size: 22px; margin-top: 30px; } .grid-label { font-size: 30px; margin-left: 15px; margin-right: 10px; } .grid-chev { margin-left: -10px; font-size: 40px; margin-right: 0px; } .button-grid { font-size: 10px; min-height: 160px; min-width: 470px; background-color: $bgfull; border-top: 2px solid $contrastbg; border-bottom: 2px solid $contrastbg; border-radius: 15px; margin-top: 30px; } .button-row { min-height: 70px; min-width: 450px; } .grid-button { min-height: 65px; min-width: 70px; margin: 15px; } .left-part { background: #1b1b1b; border-top-left-radius: 15px; border-bottom-left-radius: 15px; border-left: 2px solid $contrastbg; border-top: 2px solid $contrastbg; border-bottom: 2px solid $contrastbg; } .right-part { background: #1b1b1b; border-top-right-radius: 15px; border-bottom-right-radius: 15px; border-right: 2px solid $contrastbg; border-top: 2px solid $contrastbg; border-bottom: 2px solid $contrastbg; } .left-part:hover, .right-part:hover { color: $contrastbg; border: 2px solid $contrastbg; border-radius: 7px; transition: all 0.5s ease-in-out; }