mister-webdev / movie-app

src/styles/base.scss

@import './vars.scss';

Imported partial ./vars.scss should be written as ./vars

@import './functions.scss';

Imported partial ./functions.scss should be written as ./functions

*,
*::after,
*::before {
  margin: 0;

Properties should be ordered box-sizing, margin, padding

  padding: 0;
  box-sizing: inherit;
}

html {
  min-height: 100vh;
}

body {
  height: inherit;

Properties should be ordered background, box-sizing, color, font-family, height, overflow-x, -webkit-tap-highlight-color

  font-family: 'Exo', sans-serif;
  color: shade($clr-white, 10);
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  background: #252936;

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

  background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(0,0,0,1) 0%, #252936 100%);

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

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

Commas in function arguments should be followed by one space

Color literals like rgba(2, 0, 36, 1) should only be used in variable declarations; they should be referred to via variable everywhere else.

Property background already defined on line 22

  overflow-x: hidden; // fix for page transition animation
}