jamestomasino/stutter

View on GitHub
src-content/style.scss

Summary

Maintainability
Test Coverage

Line should be indented with spaces, not tabs
Open

    z-index: 999999999;
Severity: Minor
Found in src-content/style.scss by scss-lint

Line should be indented with spaces, not tabs
Open

    @for $i from 0 through 100 {
Severity: Minor
Found in src-content/style.scss by scss-lint

$i+'%' should be written with a single space on each side of the operator: $i + '%'
Open

            background: linear-gradient(to right, var(--barBG) 0%, var(--barBG) #{$i+'%'}, var(--progressColor) #{$i+'%'}, var(--progressColor) 100%);
Severity: Minor
Found in src-content/style.scss by scss-lint

!important should not be used
Open

            color: var(--textColor) !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

!important should not be used
Open

                line-height: 1em !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

Selector __stutter_flanker should be written in lowercase with hyphens
Open

            .__stutter_left,
Severity: Minor
Found in src-content/style.scss by scss-lint

Selector __stutter_center should be written in lowercase with hyphens
Open

                .__stutter_center,
Severity: Minor
Found in src-content/style.scss by scss-lint

Selector __stutter should be written in lowercase with hyphens
Open

#__stutter {
Severity: Minor
Found in src-content/style.scss by scss-lint

Line should be indented with spaces, not tabs
Open

    margin-left: 15px;
Severity: Minor
Found in src-content/style.scss by scss-lint

Properties should be ordered box-sizing, display, height, left, position, top, width
Open

            display: block;
Severity: Minor
Found in src-content/style.scss by scss-lint

!important should not be used
Open

                font-size: 30px !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

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

            .__stutter_remainder {
Severity: Minor
Found in src-content/style.scss by scss-lint

Properties should be ordered box-sizing, color, font-family, font-size, line-height, pointer-events, z-index
Open

                color: var(--textColor) !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

!important should not be used
Open

                font-size: 30px !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

!important should not be used
Open

            font-family: Arial, sans-serif !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

!important should not be used
Open

            line-height: 1em !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

Properties should be ordered font-size, right
Open

                right: 53%;
Severity: Minor
Found in src-content/style.scss by scss-lint

Line should be indented with spaces, not tabs
Open

    border-radius: 15px;
Severity: Minor
Found in src-content/style.scss by scss-lint

Selector should have depth of applicability no greater than 3, but was 4
Open

            .__stutter_remainder {
Severity: Minor
Found in src-content/style.scss by scss-lint

Selector __stutter_options should be written in lowercase with hyphens
Open

        .__stutter_options {
Severity: Minor
Found in src-content/style.scss by scss-lint

Selector __stutter_drag should be written in lowercase with hyphens
Open

        .__stutter_drag {
Severity: Minor
Found in src-content/style.scss by scss-lint

Properties should be ordered box-sizing, color, cursor, display, font-family, font-size, line-height, position, right, text-align, user-select, z-index
Open

            color: var(--buttonColor) !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

Selector __stutter_left should be written in lowercase with hyphens
Open

            .__stutter_left,
Severity: Minor
Found in src-content/style.scss by scss-lint

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

            .__stutter_left,
Severity: Minor
Found in src-content/style.scss by scss-lint

!important should not be used
Open

            font-size: 60px !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

Selector __stutter_remainder should be written in lowercase with hyphens
Open

                .__stutter_center,
Severity: Minor
Found in src-content/style.scss by scss-lint

Line should be indented with spaces, not tabs
Open

    position: fixed;
Severity: Minor
Found in src-content/style.scss by scss-lint

Line should be indented with spaces, not tabs
Open

    left: 0;
Severity: Minor
Found in src-content/style.scss by scss-lint

!important should not be used
Open

                font-family: Arial, sans-serif !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

!important should not be used
Open

            color: var(--buttonColor) !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

!important should not be used
Open

                    font-size: 60px !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

Properties should be ordered all, background, border, border-radius, box-sizing, display, height, left, line-height, margin-left, max-width, position, text-align, top, width, z-index
Open

    border-radius: 15px;
Severity: Minor
Found in src-content/style.scss by scss-lint

!important should not be used
Open

        line-height: 1em !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

Selector should have depth of applicability no greater than 3, but was 4
Open

            .__stutter_center {
Severity: Minor
Found in src-content/style.scss by scss-lint

Properties should be ordered font-size, padding-top
Open

            padding-top: 5px;
Severity: Minor
Found in src-content/style.scss by scss-lint

Selector __stutter_duration should be written in lowercase with hyphens
Open

            .__stutter_duration {
Severity: Minor
Found in src-content/style.scss by scss-lint

Prefer single quoted strings
Open

@import "themes/themes";
Severity: Minor
Found in src-content/style.scss by scss-lint

Selector __stutter_flanker should be written in lowercase with hyphens
Open

            .__stutter_flanker {
Severity: Minor
Found in src-content/style.scss by scss-lint

!important should not be used
Open

                opacity: 0.5 !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

Property cursor already defined on line 137
Open

            cursor: pointer;
Severity: Minor
Found in src-content/style.scss by scss-lint

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

            .__stutter_duration_time,
Severity: Minor
Found in src-content/style.scss by scss-lint

Properties should be ordered border-color, border-style, border-width, box-sizing, cursor, display, height, left, pointer-events, position, z-index
Open

        display: none;
Severity: Minor
Found in src-content/style.scss by scss-lint

Avoid using id selectors
Open

#__stutter {
Severity: Minor
Found in src-content/style.scss by scss-lint

Line should be indented with spaces, not tabs
Open

    top: calc(50vh - 25px);
Severity: Minor
Found in src-content/style.scss by scss-lint

Line should be indented with spaces, not tabs
Open

    max-width: calc(100vw - 35px);
Severity: Minor
Found in src-content/style.scss by scss-lint

Selector __stutter_pausebtn should be written in lowercase with hyphens
Open

        .__stutter_pausebtn {
Severity: Minor
Found in src-content/style.scss by scss-lint

!important should not be used
Open

                font-family: Arial, sans-serif !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

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

            .__stutter_flanker {
Severity: Minor
Found in src-content/style.scss by scss-lint

Properties should be ordered background-color, border, border-bottom, box-sizing, color, cursor, display, font-family, font-size, height, left, line-height, padding-top, position, text-align, top, user-select, width
Open

            color: var(--buttonColor) !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

!important should not be used
Open

            font-size: 1px !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

Selector __stutter_paused should be written in lowercase with hyphens
Open

    &.__stutter_paused {
Severity: Minor
Found in src-content/style.scss by scss-lint

Avoid using id selectors
Open

    #__stutter {
Severity: Minor
Found in src-content/style.scss by scss-lint

Line should be indented with spaces, not tabs
Open

    #__stutter {
Severity: Minor
Found in src-content/style.scss by scss-lint

Line should be indented with spaces, not tabs
Open

    background: var(--barBG);
Severity: Minor
Found in src-content/style.scss by scss-lint

!important should not be used
Open

    line-height: 1em !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

Line should be indented with spaces, not tabs
Open

    .__stutter_screen {
Severity: Minor
Found in src-content/style.scss by scss-lint

Properties should be ordered box-sizing, color, display, font-family, font-size, left, line-height, pointer-events, position, text-align, z-index
Open

            color: var(--textColor) !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

!important should not be used
Open

                line-height: 1em !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

!important should not be used
Open

            line-height: 1em !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

!important should not be used
Open

            color: var(--buttonColor) !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

!important should not be used
Open

            font-size: 16px !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

Selector __stutter_duration_wpm should be written in lowercase with hyphens
Open

            .__stutter_duration_time,
Severity: Minor
Found in src-content/style.scss by scss-lint

!important should not be used
Open

            font-family: Arial, sans-serif !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

Selector __stutter_pause should be written in lowercase with hyphens
Open

    .__stutter_pause {
Severity: Minor
Found in src-content/style.scss by scss-lint

Selector __stutter_text should be written in lowercase with hyphens
Open

        .__stutter_text {
Severity: Minor
Found in src-content/style.scss by scss-lint

Selector __stutter_right should be written in lowercase with hyphens
Open

        .__stutter_right {
Severity: Minor
Found in src-content/style.scss by scss-lint

Properties should be ordered box-sizing, color, font-family, font-size, line-height, pointer-events, z-index
Open

                color: var(--textHighlight) !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

Selector should have depth of applicability no greater than 3, but was 4
Open

            .__stutter_flanker {
Severity: Minor
Found in src-content/style.scss by scss-lint

Properties should be ordered box-sizing, color, font-family, font-size, line-height, opacity, pointer-events, z-index
Open

                color: var(--textColor) !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

!important should not be used
Open

            font-size: 30px !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

Properties should be ordered box-sizing, color, display, font-size, line-height, position, right, text-align, top, user-select, z-index
Open

            color: var(--buttonColor) !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

Selector __stutter_pause should be written in lowercase with hyphens
Open

        .__stutter_pause {
Severity: Minor
Found in src-content/style.scss by scss-lint

!important should not be used
Open

                font-size: 60px !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

Selector __stutter_flanker should be written in lowercase with hyphens
Open

                .__stutter_center,
Severity: Minor
Found in src-content/style.scss by scss-lint

Line should be indented with spaces, not tabs
Open

    all: initial;
Severity: Minor
Found in src-content/style.scss by scss-lint

Line should be indented with spaces, not tabs
Open

    display: block;
Severity: Minor
Found in src-content/style.scss by scss-lint

Property width already defined on line 55
Open

            width: 100%;
Severity: Minor
Found in src-content/style.scss by scss-lint

!important should not be used
Open

            font-family: Arial, sans-serif !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

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

            .__stutter_center {
Severity: Minor
Found in src-content/style.scss by scss-lint

!important should not be used
Open

                color: var(--textColor) !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

!important should not be used
Open

                color: var(--textColor) !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

Properties should be ordered box-sizing, color, cursor, display, font-family, font-size, left, line-height, position, text-align, user-select
Open

            color: var(--buttonColor) !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

Properties should be ordered box-sizing, color, display, font-family, font-size, line-height
Open

                display: block;
Severity: Minor
Found in src-content/style.scss by scss-lint

Selector __stutter_text should be written in lowercase with hyphens
Open

        .__stutter_text {
Severity: Minor
Found in src-content/style.scss by scss-lint

Selector __stutter should be written in lowercase with hyphens
Open

    #__stutter {
Severity: Minor
Found in src-content/style.scss by scss-lint

Line should be indented with spaces, not tabs
Open

    box-sizing: border-box;
Severity: Minor
Found in src-content/style.scss by scss-lint

$i+'%' should be written with a single space on each side of the operator: $i + '%'
Open

            background: linear-gradient(to right, var(--barBG) 0%, var(--barBG) #{$i+'%'}, var(--progressColor) #{$i+'%'}, var(--progressColor) 100%);
Severity: Minor
Found in src-content/style.scss by scss-lint

Selector __stutter_left should be written in lowercase with hyphens
Open

        .__stutter_left {
Severity: Minor
Found in src-content/style.scss by scss-lint

!important should not be used
Open

            color: var(--textColor) !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

!important should not be used
Open

                line-height: 1em !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

!important should not be used
Open

                color: var(--buttonColor) !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

!important should not be used
Open

                font-size: 60px !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

Selector __stutter_screen should be written in lowercase with hyphens
Open

    .__stutter_screen {
Severity: Minor
Found in src-content/style.scss by scss-lint

Line should be indented with spaces, not tabs
Open

    .__stutter_text {
Severity: Minor
Found in src-content/style.scss by scss-lint

!important should not be used
Open

            font-size: 30px !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

!important should not be used
Open

                font-family: Arial, sans-serif !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

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

                opacity: 0.5 !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

!important should not be used
Open

            font-family: Arial, sans-serif !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

!important should not be used
Open

                font-size: 30px !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

!important should not be used
Open

                font-size: 11px !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

!important should not be used
Open

            color: var(--buttonColor) !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

!important should not be used
Open

            color: var(--buttonColor) !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

Selector __stutter_close should be written in lowercase with hyphens
Open

        .__stutter_close {
Severity: Minor
Found in src-content/style.scss by scss-lint

!important should not be used
Open

            line-height: 1px !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

Selector __stutter_duration_time should be written in lowercase with hyphens
Open

                .__stutter_duration_time,
Severity: Minor
Found in src-content/style.scss by scss-lint

!important should not be used
Open

                font-family: Arial, sans-serif !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

Line should be indented with spaces, not tabs
Open

    &.__stutter_paused {
Severity: Minor
Found in src-content/style.scss by scss-lint

Selector __stutter_center should be written in lowercase with hyphens
Open

            .__stutter_left,
Severity: Minor
Found in src-content/style.scss by scss-lint

!important should not be used
Open

                color: transparent !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

Selector __stutter_right should be written in lowercase with hyphens
Open

            .__stutter_right {
Severity: Minor
Found in src-content/style.scss by scss-lint

Selector __stutter_duration_wpm should be written in lowercase with hyphens
Open

                .__stutter_duration_time,
Severity: Minor
Found in src-content/style.scss by scss-lint

Line should be indented with spaces, not tabs
Open

    height: 50px;
Severity: Minor
Found in src-content/style.scss by scss-lint

Line should be indented with spaces, not tabs
Open

    line-height: 1em !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

Line should be indented with spaces, not tabs
Open

    width: calc(100% - 35px);
Severity: Minor
Found in src-content/style.scss by scss-lint

Line should be indented with spaces, not tabs
Open

    * {
Severity: Minor
Found in src-content/style.scss by scss-lint

!important should not be used
Open

            font-size: 30px !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

!important should not be used
Open

                color: var(--textHighlight) !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

Selector __stutter_remainder should be written in lowercase with hyphens
Open

            .__stutter_remainder {
Severity: Minor
Found in src-content/style.scss by scss-lint

!important should not be used
Open

                line-height: 1em !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

!important should not be used
Open

            font-family: Arial, sans-serif !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

Selector __stutter_duration_time should be written in lowercase with hyphens
Open

            .__stutter_duration_time,
Severity: Minor
Found in src-content/style.scss by scss-lint

Line should be indented with spaces, not tabs
Open

    .__stutter_pause {
Severity: Minor
Found in src-content/style.scss by scss-lint

Selector __stutter_remainder should be written in lowercase with hyphens
Open

            .__stutter_left,
Severity: Minor
Found in src-content/style.scss by scss-lint

Properties should be ordered font-size, left
Open

                left: 47%;
Severity: Minor
Found in src-content/style.scss by scss-lint

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

                .__stutter_center,
Severity: Minor
Found in src-content/style.scss by scss-lint

Selector should have depth of applicability no greater than 3, but was 4
Open

                .__stutter_duration_time,
Severity: Minor
Found in src-content/style.scss by scss-lint

Line should be indented with spaces, not tabs
Open

    text-align: center;
Severity: Minor
Found in src-content/style.scss by scss-lint

Properties should be ordered background-color, height, left, pointer-events, position, top, width, z-index
Open

        position: absolute;
Severity: Minor
Found in src-content/style.scss by scss-lint

Properties should be ordered box-sizing, display, line-height, padding-top, position, user-select, width
Open

        display: block;
Severity: Minor
Found in src-content/style.scss by scss-lint

!important should not be used
Open

            line-height: 1em !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

!important should not be used
Open

            line-height: 1em !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

Selector __stutter_duration should be written in lowercase with hyphens
Open

        .__stutter_duration {
Severity: Minor
Found in src-content/style.scss by scss-lint

!important should not be used
Open

            font-size: 30px !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

Selector should have depth of applicability no greater than 3, but was 4
Open

                .__stutter_center,
Severity: Minor
Found in src-content/style.scss by scss-lint

Line should be indented with spaces, not tabs
Open

    border: 2px solid var(--barBorder);
Severity: Minor
Found in src-content/style.scss by scss-lint

Selector __stutter_text should be written in lowercase with hyphens
Open

    .__stutter_text {
Severity: Minor
Found in src-content/style.scss by scss-lint

Properties should be ordered box-sizing, color, display, font-family, font-size, line-height, pointer-events, position, right, text-align, z-index
Open

            color: var(--textColor) !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

!important should not be used
Open

            line-height: 1em !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

Selector __stutter_center should be written in lowercase with hyphens
Open

            .__stutter_center {
Severity: Minor
Found in src-content/style.scss by scss-lint

Selector should have depth of applicability no greater than 3, but was 4
Open

            .__stutter_duration_time,
Severity: Minor
Found in src-content/style.scss by scss-lint

Selector __stutter_pausebtn should be written in lowercase with hyphens
Open

            .__stutter_pausebtn {
Severity: Minor
Found in src-content/style.scss by scss-lint

Selector __stutter_left should be written in lowercase with hyphens
Open

            .__stutter_left {
Severity: Minor
Found in src-content/style.scss by scss-lint

!important should not be used
Open

                    font-family: Arial, sans-serif !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

Selector __stutter_pause should be written in lowercase with hyphens
Open

        .__stutter_pause {
Severity: Minor
Found in src-content/style.scss by scss-lint

Properties should be ordered border-width, height, left, margin-top
Open

            height: 60px;
Severity: Minor
Found in src-content/style.scss by scss-lint

!important should not be used
Open

                    line-height: 1em !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

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

                .__stutter_duration_time,
Severity: Minor
Found in src-content/style.scss by scss-lint

!important should not be used
Open

                    font-size: 16px !important;
Severity: Minor
Found in src-content/style.scss by scss-lint

There are no issues that match your filters.

Category
Status