dsifford/academic-bloggers-toolkit

View on GitHub
src/js/components/file-input/style.scss

Summary

Maintainability
Test Coverage

0.2 should be written without a leading zero as .2
Open

        inset 0 1px 1px rgba(16, 22, 26, 0.2);

Line should be indented 2 spaces, but was indented 4 spaces
Open

    background: #fff;

Line should be indented 2 spaces, but was indented 4 spaces
Open

    line-height: $height;

Color literals like hsla(0, 0%, 100%, 0) should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

            hsla(0, 0%, 100%, 0)

Color literals like rgba(16, 22, 26, 0.1) should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

            inset 0 -1px 0 rgba(16, 22, 26, 0.1);

Color literals like #d8e1e8 should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

        background-color: #d8e1e8;

Line should be indented 2 spaces, but was indented 4 spaces
Open

    display: inline-block;

Line should be indented 2 spaces, but was indented 4 spaces
Open

    height: $height;

Line should be indented 2 spaces, but was indented 4 spaces
Open

    box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0),

Line should be indented 2 spaces, but was indented 4 spaces
Open

    transition: box-shadow 0.1s cubic-bezier(0.4, 1, 0.75, 0.9);

0.75 should be written without a leading zero as .75
Open

    transition: box-shadow 0.1s cubic-bezier(0.4, 1, 0.75, 0.9);

Unknown property padding-inline
Open

    padding-inline: 0 80px;

Line should be indented 2 spaces, but was indented 4 spaces
Open

    &::after {

0.2 should be written without a leading zero as .2
Open

        box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2),

Color literals like #ebf1f5 should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

        background-color: #ebf1f5;

Properties should be ordered cursor, display, height, position
Open

    display: inline-block;

Nesting should be no greater than 3, but was 4
Open

            &:after {

0.5 should be written without a leading zero as .5
Open

                background-color: rgba(206, 217, 224, 0.5);

Color literals like hsla(0, 0%, 100%, 0.8) should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

            hsla(0, 0%, 100%, 0.8),

Color literals like #182026 should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

        color: #182026;

0.2 should be written without a leading zero as .2
Open

        box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2),

0.2 should be written without a leading zero as .2
Open

            inset 0 1px 2px rgba(16, 22, 26, 0.2);

Color literals like rgba(19, 124, 189, 0) should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

    box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0),

Color literals like #fff should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

    background: #fff;

Line should be indented 2 spaces, but was indented 4 spaces
Open

    padding: 0 10px;

Color literals like #182026 should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

    color: #182026;

Line should be indented 2 spaces, but was indented 4 spaces
Open

    right: 0;

Color literals like rgba(16, 22, 26, 0.2) should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

            inset 0 1px 2px rgba(16, 22, 26, 0.2);

Properties should be ordered background-color, background-image, box-shadow, color, cursor, outline
Open

                outline: none;

Line should be indented 2 spaces, but was indented 4 spaces
Open

    font-weight: 400;

Color literals like rgba(16, 22, 26, 0.2) should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

        box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2),

Properties should be ordered font-size, height, line-height
Open

            height: $height + 10;

Nesting should be no greater than 3, but was 4
Open

            &::after {

Color literals like rgba(16, 22, 26, 0.15) should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

        inset 0 0 0 1px rgba(16, 22, 26, 0.15),

Line should be indented 2 spaces, but was indented 4 spaces
Open

    font-size: 14px;

Begin pseudo elements with double colons: ::
Open

            &:after {

Line should be indented 2 spaces, but was indented 4 spaces
Open

    input {

border: 0 is preferred over border: none
Open

    border: none;

Line should be indented 2 spaces, but was indented 4 spaces
Open

    border-radius: 3px;

Line should be indented 2 spaces, but was indented 4 spaces
Open

    vertical-align: middle;

0.4 should be written without a leading zero as .4
Open

    transition: box-shadow 0.1s cubic-bezier(0.4, 1, 0.75, 0.9);

Line should be indented 2 spaces, but was indented 4 spaces
Open

    color: #182026;

0.1 should be written without a leading zero as .1
Open

            inset 0 -1px 0 rgba(16, 22, 26, 0.1);

Line should be indented 2 spaces, but was indented 4 spaces
Open

    word-wrap: normal;

Line should be indented 2 spaces, but was indented 4 spaces
Open

    left: 0;

0.5 should be written without a leading zero as .5
Open

            background: rgba(206, 217, 224, 0.5);

Properties should be ordered background-clip, background-color, box-shadow
Open

        box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2),

Properties should be ordered line-height, margin, min-height, min-width, width
Open

                min-width: $height;

Line should be indented 2 spaces, but was indented 4 spaces
Open

    cursor: pointer;

Line should be indented 2 spaces, but was indented 4 spaces
Open

    &.fill {

Properties should be ordered background, box-shadow, color, cursor, resize
Open

            box-shadow: none;

0.5 should be written without a leading zero as .5
Open

            color: rgba(92, 112, 128, 0.5);

Line should be indented 2 spaces, but was indented 4 spaces
Open

    top: 0;

0.1 should be written without a leading zero as .1
Open

    transition: box-shadow 0.1s cubic-bezier(0.4, 1, 0.75, 0.9);

Line should be indented 2 spaces, but was indented 4 spaces
Open

    padding-right: 80px;

Properties should be ordered margin, min-width, opacity
Open

        opacity: 0;

Properties should be ordered appearance, background, border, border-radius, box-shadow, color, font-size, font-weight, height, left, line-height, outline, overflow, padding, padding-inline, padding-right, position, right, text-overflow, top, transition, user-select, vertical-align, white-space, word-wrap
Open

    outline: none;

0.15 should be written without a leading zero as .15
Open

        inset 0 0 0 1px rgba(16, 22, 26, 0.15),

Color literals like rgba(16, 22, 26, 0.2) should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

        inset 0 1px 1px rgba(16, 22, 26, 0.2);

Line should be indented 2 spaces, but was indented 4 spaces
Open

    overflow: hidden;

Line should be indented 2 spaces, but was indented 4 spaces
Open

    white-space: nowrap;

Line should be indented 2 spaces, but was indented 4 spaces
Open

    position: absolute;

Color literals like #f5f8fa should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

        background-color: #f5f8fa;

Line should be indented 2 spaces, but was indented 4 spaces
Open

    &.large {

0.5 should be written without a leading zero as .5
Open

                color: rgba(92, 112, 128, 0.5);

Line should be indented 2 spaces, but was indented 4 spaces
Open

    text-overflow: ellipsis;

0.8 should be written without a leading zero as .8
Open

            hsla(0, 0%, 100%, 0.8),

Color literals like rgba(206, 217, 224, 0.5) should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

            background: rgba(206, 217, 224, 0.5);

Color literals like rgba(92, 112, 128, 0.5) should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

                color: rgba(92, 112, 128, 0.5);

Line should be indented 2 spaces, but was indented 4 spaces
Open

    border: none;

0.9 should be written without a leading zero as .9
Open

    transition: box-shadow 0.1s cubic-bezier(0.4, 1, 0.75, 0.9);

Color literals like rgba(16, 22, 26, 0.2) should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

        box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2),

Line should be indented 2 spaces, but was indented 4 spaces
Open

    position: relative;

Color literals like rgba(206, 217, 224, 0.5) should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

                background-color: rgba(206, 217, 224, 0.5);

Line should be indented 2 spaces, but was indented 4 spaces
Open

    outline: none;

Color literals like rgba(19, 124, 189, 0) should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

    box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0),

Line should be indented 2 spaces, but was indented 4 spaces
Open

    height: $height;

Line should be indented 2 spaces, but was indented 4 spaces
Open

    padding-inline: 0 80px;

Line should be indented 2 spaces, but was indented 4 spaces
Open

    user-select: none;

Properties should be ordered background-color, background-image, box-shadow
Open

        box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2),

Color literals like rgba(92, 112, 128, 0.5) should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

            color: rgba(92, 112, 128, 0.5);

Line should be indented 2 spaces, but was indented 4 spaces
Open

    appearance: none;

Properties should be ordered background-color, background-image, border-radius, color, content, line-height, margin, min-height, min-width, position, right, text-align, top, width
Open

        min-width: $button-height;

Line should be indented 2 spaces, but was indented 4 spaces
Open

    &:hover::after {

Line should be indented 2 spaces, but was indented 4 spaces
Open

    &:active::after {

There are no issues that match your filters.

Category
Status