@components-1812/grid/src/Grid.css

Custom Grid element with radial gradient effect

:host {
    width: 100%;
    height: 100%;

    box-sizing: border-box;
    position: relative;
    margin: 0;
    padding: 0;

    display: flex;
    justify-content: center;
    align-items: center;
    
    overflow: hidden;

    --line-color: #777;
    --line-width: 1;
    --line-opacity: 1;
    --line-dasharray: none;
}
:host svg {
    display: block;
    flex-shrink: 0;
    flex-grow: 0;

    .Grid path {
     
        stroke-width: var(--line-width);
        stroke: var(--line-color);
        opacity: var(--line-opacity);
        stroke-dasharray: var(--line-dasharray);
    }
}