concisecss / concisecss.github.io Goto Github PK

The website for Concise CSS

HTML 72.80% CSS 20.55% JavaScript 1.60% Pug 1.53% SCSS 3.52%

concisecss.github.io's Introduction

This is the repository that contains the source code for concisecss.com

⚠️ Notice: This project is not actively maintained. Reach out to @keenanpayne or @jaiheravi if you would like to chat about it ✌🏻

If you plan to make a change please do it in the corresponding source file located in the src directory and before commiting changes make sure the changed files are being compiled (if you are editing Pug or Concise CSS code).

Building the Website

If you wish to make changes to the source files please make sure you have NodeJS installed before beginning. If you are ready to start hacking, follow the instructions below:

Navigate to the project in the terminal:
```
cd path/to/concisecss.github.com
```
Install the development dependencies:
```
npm install
```
You can now run the following command to start a development server:
```
npm start
```

You can view the website on Localhost:8080 and if you have livereload installed in your browser, you will be able to see changes inmediately (well, with a little delay).

Also, every time you make a change to a .pug or .scss file, it gets automatically recompiled. So you don’t have to start any build process before submitting changes to the repository.

After making your changes—if you had the development server active—you can send them to this repository using a Pull Request.

Contributing

If you wish to contribute to the Concise project, please read through our contributing guidelines first and then help however you'd like!

Elsewhere

License

Code released under the MIT license. Documentation released under Creative Commons.

concisecss.github.io's People

Contributors

Stargazers

Watchers

Forkers

relip abhiklodh twooton61 smbdelse

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

It should be:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

line 26 of concisecss.github.io/get-started/disabling-html5.html

Notifications for new versions

._inline-block { display: inline-block; }
._block { display: block; }
._inline { display: inline; }
._flex { display: flex; }

._abs { position: absolute; }
._rel { position: relative; }
._sta { position: static; }
._fix { position: fixed; }

<span class="dropdown">Dropdown
  <ul class="dropdown-menu">
    <li><a href="#">...</a></li>
  </ul>
</span>

with

<div class="dropdown">
  <span>Dropdown</span>
  <ul class="dropdown-menu">
    <li><a href="#">...</a></li>
  </ul>
</div>

in concisecss.github.io/documentation/navigation/dropdowns.html

.siteContent {
    padding: 50px 15px;
}

so it does not show a horizontal scrollbar on screens < 1246px