Skip to content

Lichess Large Board by ddugovic

Homepage Write a review Install Get Stylus

Details

Authorddugovic

LicenseCC-BY-SA-4.0

Categorylichess.org

Created

Updated

Size2.1 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Enlarge "100%" lichess.org boards

Notes

When "Board size" is set to "100%", limit the board dimension to 80vmin instead of 70vmin to work around a Lichess 2.0 regression.

Source code

/* ==UserStyle==
@name           Lichess Large Board
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Enlarge "100%" lichess.org boards
@author         Daniel Dugovic
@version        20221022.07.30
@license        CC-BY-SA-4.0
@preprocessor   uso
==/UserStyle== */

@-moz-document domain("lichess.org") {
    #main-wrap .analyse {
        grid-template-columns: minmax(210px, 350px) 2vmin minmax(calc(80vmin * var(--board-scale)), calc(100vh * var(--board-scale) - calc(var(--site-header-height) + var(--site-header-margin)) - 2rem)) var(--gauge-gap) minmax(240px, 400px);
    }
    #main-wrap .puzzle {
        grid-template-columns: minmax(210px, 350px) 2vmin minmax(calc(80vmin * var(--board-scale)), calc(100vh * var(--board-scale) - calc(var(--site-header-height) + var(--site-header-margin)) - 2rem)) var(--gauge-gap) minmax(240px, 400px);
    }
    #main-wrap .racer {
        grid-template-columns: minmax(calc(80vmin * var(--board-scale)), calc(100vh * var(--board-scale) - calc(var(--site-header-height) + var(--site-header-margin)) - 2rem)) minmax(240px, 400px);
    }
    #main-wrap .round {
        grid-template-columns: minmax(210px, 350px) minmax(calc(80vmin * var(--board-scale)), calc(100vh * var(--board-scale) - calc(var(--site-header-height) + var(--site-header-margin)) - 2rem)) minmax(240px, 400px);
    }
    #main-wrap .round__app {
        grid-template-columns: minmax(calc(80vmin * var(--board-scale)), calc(100vh * var(--board-scale) - calc(var(--site-header-height) + var(--site-header-margin)) - 2rem)) minmax(240px, 400px) !important;
    }
    #main-wrap .storm--play {
        grid-template-columns: minmax(calc(80vmin * var(--board-scale)), calc(100vh * var(--board-scale) - calc(var(--site-header-height) + var(--site-header-margin)) - 2rem)) minmax(240px, 400px)
    }
    #main-wrap .tv-single {
        grid-template-columns: minmax(210px, 350px) minmax(calc(80vmin * var(--board-scale)), calc(100vh * var(--board-scale) - calc(var(--site-header-height) + var(--site-header-margin)) - 2rem)) minmax(240px, 400px);
    }
}

Reviews

No reviews yet.