CSS-linter

This repository contains an inplementation of a CSS linter for beginer using Ruby.

features

this linter has the following features:

output warnings if the indentation is not correct
output warnings if the correct assigmeht operator is not used
output warnings if the line is not properly ended
output warnings if the used css-poperty is not of the correct format

notice:this lint will only check for the format of the css-property but it can't determine if it actually exist or not

getting started

first clone this repo by typing git clone https://github.com/Tresor11/css-linter.git in your terminal
then navigate to the directory by typing cd css-lint in your terminal

usage guide

run the linter by typing ruby bin/main.rb in the terminal
you will be asked to provide the path to your css file ex: ./file.css

after that your console should:

*output the warnings if your css file contains any
*don't provide any output if your css file passes the test

Example of good and bad code

Good:

.h2,
h2{
  font-weight: 700;
  font-size: 38px;
  padding: 10px 0 10px 0
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #6f23ff;
  text-align: center;
}

bad:

.h2,
h2{
font-weight: 700;
  font-size: 38px;
  padding: 10px 0 10px 0
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color #6f23ff;
  text-align: center;
}

Testing

run the tests by typing rspec in the terminal

Contributing
run the tests by typing rspec in the terminal

contact: @Tresor11