Skip to content

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