Maingron/MainOS

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

Open

    --background-color: #fff;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    background: transparent;

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered height, left, position, top, width

Open

    position: absolute;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    width: 100%;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    #start {

• Exclude checks
  • Disable engine
  • Disable check

Avoid using id selectors

Open

        #center {

• Exclude checks
  • Disable engine
  • Disable check

Expected item on line 36 to appear before line 32. Rule sets should be ordered as follows: @extends, @includes without @content, properties, @includes with @content, nested rule sets

Open

                    font-size: 1.1em;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    overflow: hidden;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    top: 0;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    --background-color-type-2: #bcf;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

            #left {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    width: 0;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    border: none;

• Exclude checks
  • Disable engine
  • Disable check

Avoid using id selectors

Open

#onout {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    height: 100%;

• Exclude checks
  • Disable engine
  • Disable check

border: 0 is preferred over border: none

Open

    border: none;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    display: inline;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    position: fixed;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    top: var(--glassyElementSpacing);

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    --font: var(--font), sans-serif;

• Exclude checks
  • Disable engine
  • Disable check

Rule declaration should be preceded by an empty line

Open

        #statusbar {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    position: absolute;

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered background, border, bottom, display, height, left, overflow, position, width

Open

    position: absolute;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

            button {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

                    img {

• Exclude checks
  • Disable engine
  • Disable check

Rule declaration should be followed by an empty line

Open

                    }

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    box-sizing: border-box;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    bottom: var(--glassyElementSpacing);

• Exclude checks
  • Disable engine
  • Disable check

Selector big_buttons should be written in lowercase with hyphens

Open

body.big_buttons {

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered background-color, overflow, user-select

Open

    overflow: hidden;

• Exclude checks
  • Disable engine
  • Disable check

Avoid qualifying class selectors with an element.

Open

body.big_buttons {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    position: absolute;

• Exclude checks
  • Disable engine
  • Disable check

Avoid using id selectors

Open

    #start {

• Exclude checks
  • Disable engine
  • Disable check

Nesting should be no greater than 3, but was 4

Open

            button {

• Exclude checks
  • Disable engine
  • Disable check

Avoid using id selectors

Open

            #left {

• Exclude checks
  • Disable engine
  • Disable check

Each selector in a comma sequence should be on its own single line

Open

html, body {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    background-color: transparent !important;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    background-color: transparent !important;

• Exclude checks
  • Disable engine
  • Disable check

Merge rule body.big_buttons with rule on line 13

Open

body.big_buttons {

• Exclude checks
  • Disable engine
  • Disable check

Avoid using id selectors

Open

#start {

• Exclude checks
  • Disable engine
  • Disable check

Avoid using id selectors

Open

#startbutton {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    bottom: 0;

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered backdrop-filter, background, background-color, border, border-radius, bottom, display, flex-direction, height, left, max-height, max-width, overflow, position, top, width

Open

    position: fixed;

• Exclude checks
  • Disable engine
  • Disable check

!important should not be used

Open

    background-color: transparent !important;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    user-select: none;

• Exclude checks
  • Disable engine
  • Disable check

Avoid using id selectors

Open

        #statusbar {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

                a {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    left: 0;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    overflow: hidden;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    height: 0;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    left: 0;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    --border-width: 2px;

• Exclude checks
  • Disable engine
  • Disable check

Nesting should be no greater than 3, but was 4

Open

            #left {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    --color-type-2: #fff;

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered --background-color, --background-color-type-2, --border-width, --color-type-2, --font

Open

    --color-type-2: #fff;

• Exclude checks
  • Disable engine
  • Disable check

!important should not be used

Open

    background-color: transparent !important;

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered height, width

Open

                width: 2.8rem;

• Exclude checks
  • Disable engine
  • Disable check

Nesting should be no greater than 3, but was 4

Open

            span {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    #statusbar {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

                a {

• Exclude checks
  • Disable engine
  • Disable check

Rule declaration should be preceded by an empty line

Open

        &>div {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

            a {

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered align-items, display, flex-direction, flex-grow, width

Open

            display: inline-flex;

• Exclude checks
  • Disable engine
  • Disable check

Avoid using id selectors

Open

#start #center #left #moreandinfo {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    a {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

            #allprograms {

• Exclude checks
  • Disable engine
  • Disable check

Nesting should be no greater than 3, but was 4

Open

            #allprograms {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    line-height: 1.2;

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered color, display, text-decoration, width

Open

        display: inline;

• Exclude checks
  • Disable engine
  • Disable check

Avoid using id selectors

Open

        #center {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    height: auto;

• Exclude checks
  • Disable engine
  • Disable check

Nesting should be no greater than 3, but was 4

Open

            &.align-end {

• Exclude checks
  • Disable engine
  • Disable check

Avoid using id selectors

Open

#start #center #left #moreandinfo {

• Exclude checks
  • Disable engine
  • Disable check

Merge rule #start #center #left #moreandinfo with rule on line 67

Open

#start #center #left #moreandinfo {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    display: inline-block;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    a {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

            img {

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered display, position

Open

                position: absolute;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

            &>span {

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered bottom, display, left, overflow, position, text-overflow, white-space, width

Open

                    position: relative;

• Exclude checks
  • Disable engine
  • Disable check

Avoid using id selectors

Open

#start #center #left #moreandinfo {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

                    p {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    max-height: calc(100vh - 2*var(--glassyElementSpacing));

• Exclude checks
  • Disable engine
  • Disable check

Property border already defined on line 78

Open

    border: 1px solid #555555;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    background-color: var(--glassyElementBackground);

• Exclude checks
  • Disable engine
  • Disable check

Avoid using id selectors

Open

    #statusbar {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    #center {

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered backdrop-filter, background-color, display, line-height, padding-left, position, top, z-index

Open

                background-color: var(--glassyElementBackground);

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    backdrop-filter: blur(var(--glassyElementBlur));

• Exclude checks
  • Disable engine
  • Disable check

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

Open

                div {

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered backdrop-filter, background-color, bottom, display, flex-direction, height, justify-content, left, order, padding, position, width

Open

        background-color: var(--glassyElementBackground);

• Exclude checks
  • Disable engine
  • Disable check

Avoid using id selectors

Open

            #left {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    flex-direction: column;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    border: 1px solid #555555;

• Exclude checks
  • Disable engine
  • Disable check

Unnecessary parent selector (&)

Open

            &>span {

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered display, height, margin, object-fit, padding, width

Open

                    margin: .1rem;

• Exclude checks
  • Disable engine
  • Disable check

Avoid using id selectors

Open

#start #center #left #moreandinfo {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    background: black;

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered aspect-ratio, background, box-sizing, display, height, margin, overflow, padding, position

Open

            position: relative;

• Exclude checks
  • Disable engine
  • Disable check

Nesting should be no greater than 3, but was 4

Open

            &.usericon-button {

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered outline-offset, padding

Open

                padding: 0;

• Exclude checks
  • Disable engine
  • Disable check

Avoid using id selectors

Open

    #center {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    width: 40rem;

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered align-content, display, flex-direction, flex-wrap

Open

                display: flex;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    border-radius: var(--border-radius);

• Exclude checks
  • Disable engine
  • Disable check

Unnecessary parent selector (&)

Open

        &>div {

• Exclude checks
  • Disable engine
  • Disable check

Line contains trailing whitespace

Open

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    border-radius: var(--border-radius);

• Exclude checks
  • Disable engine
  • Disable check

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

Open

                img {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    max-width: calc(100% - 2*var(--glassyElementSpacing));

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    backdrop-filter: blur(var(--glassyElementBlur));

• Exclude checks
  • Disable engine
  • Disable check

Avoid using id selectors

Open

        #left {

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered align-items, border-radius, display, height, line-height, margin-bottom, overflow, position, text-decoration, width

Open

                position: relative;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

                span {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    width: 80%;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    background-color: var(--glassyElementBackground);

• Exclude checks
  • Disable engine
  • Disable check

Rule declaration should be followed by an empty line

Open

            }

• Exclude checks
  • Disable engine
  • Disable check

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

Open

            span {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    left: var(--glassyElementSpacing);

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    border: 0;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

        display: flex;

• Exclude checks
  • Disable engine
  • Disable check

Avoid using id selectors

Open

    #start {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    border: 1px solid #555555;

• Exclude checks
  • Disable engine
  • Disable check

Nesting should be no greater than 3, but was 4

Open

            img {

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered border-radius, height, margin

Open

                height: 100%;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    background: black;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    overflow: hidden;

• Exclude checks
  • Disable engine
  • Disable check

Color #555555 should be written as #555

Open

    border: 1px solid #555555;

• Exclude checks
  • Disable engine
  • Disable check

Avoid using id selectors

Open

            #allprograms {

• Exclude checks
  • Disable engine
  • Disable check

Nesting should be no greater than 3, but was 4

Open

            a {

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered backdrop-filter, background, background-color, border-radius, display, line-height, margin, padding, width

Open

    display: inline-block;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    padding: 0 .75em;

• Exclude checks
  • Disable engine
  • Disable check

Nesting should be no greater than 3, but was 4

Open

                div {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

                        color: #fff;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    background: transparent;

• Exclude checks
  • Disable engine
  • Disable check

Line contains trailing whitespace

Open

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered align-content, display, flex-wrap, height, overflow, padding, position, scrollbar-width, width

Open

            display: block;

• Exclude checks
  • Disable engine
  • Disable check

Nesting should be no greater than 3, but was 4

Open

            &>span {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

#start #center #left #moreandinfo {

• Exclude checks
  • Disable engine
  • Disable check

Color black should be written in hexadecimal form as #000000

Open

    background: black;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    margin: 10px 10%;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    :root {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    #start {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    display: flex;

• Exclude checks
  • Disable engine
  • Disable check

Line contains trailing whitespace

Open

• Exclude checks
  • Disable engine
  • Disable check