Skip to content

A CSS linter capable of identifying errors in CSS code built with Ruby.

Notifications You must be signed in to change notification settings

Tresor11/css-linter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

40 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

A CSS linter capable of identifying errors in CSS code built with Ruby.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published