Antimatter docs

Archive
1

hello, are there any antimatter docs available?

2

I’m afraid Anitmatter itself has no specific documentation. We have general documentation for theming:

http://learn.getgrav.org/themes

If it’s related to the tag syntax in the .html.twig templates then the Twig documentation is your best bet:

http://twig.sensiolabs.org/documentation

and specifically for templating:

http://twig.sensiolabs.org/doc/templates.html

If you have any other questions, feel free to ask here.

3

thanks for the reply… I am looking for any reference to fonts, formatting, buttons, panels, etc

4

That is all broken down in the SCSS files. If you have Chrome, you can use the inspector and it will identify exactly what line and in what file the CSS element is defined in:

For example:

Home | Grav 2014-09-18 08-41-32 2014-09-18 08-41-41

5

thanks for the direction… enjoying using this product. refreshing way to build a cms!

6

question… when the screen is rendered on a phone, how do I change the navbar? I am not seeing a ‘collapsed’-type definition
thanks

7

Look at the antimatter/partials/base.html.twig . There is a div called sb-slidebar, this is where the mobile navigation is rendered:

8

one more question… I have an image for the logo div… can I change this when collapsed?
thanks

9

It’s all just HTML and CSS at that point, you can do whatever you like. I can do my best to give you some pointers, but will need more information/screenshots.

10

ok… notice the nav bar… on a computer it looks like
https://mediacru.sh/IzGKQlDdzIV8

on the phone I’d like for it to look like
https://mediacru.sh/1SvVKvOHGXeo

thanks for the direction!

11

You should use a mediaquery and set the new centered logo in the header in the mobile view. You can see examples of this technique used all over. Just search for @include breakpoint in the scss.