CSS
All CSS files located in css directory. Sonex has 5 CSS files:
- bootstrap.min.css
- fontello.min.css
- magnific-popup.min.css
- animsition.min.css
- style.css
bootstrap.min.css
File with styles of Boostrap 3 Framework. It contains only grid system, other Boostrap styles not included. See more information on getbootstrap.com.
fontello.min.css
File with styles of icon webfont. It's custom icon webfont which contains such icons:
- icon-mail-alt
- icon-eye
- icon-facebook
- icon-vkontakte
- icon-twitter
- icon-pinterest-circled
- icon-gplus
As you can see, each icon class has prefix icon-. To insert icon you should add class like icon-eye to any selector, but I recommend use i selector for this. Visit fontello.comfor more information.
example
<i class="icon-eye"></i>magnific-popup.min.css
File with styles of lightbox which used in gallery of project page. See official documentation on dimsemenov.com/plugins/magnific-popup/.
animsition.min.css
File with styles of plugin which responsible for smooth transition between pages. See more information on git.blivesta.com/animsition/.
style.css
This is a main CSS file with 12 different sections:
- Google Fonts Import
- Common Styles
- Sidebar
- Main
- Works Grid
- Index Page
- Project Page
- About Page
- Blog Page
- Blog Single
- Contact Page
- Responsive
Section with responsive layout has different media quires. All media queries arranged in order of decay. If you want to add your media query, add it so as not to upset the order. To add you media query use the syntax:
media query example
@media (max-width: Npx) {
/* Your Code Here */
}Where N means number of pixels of screen.
If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!