Elements - philippebeck/sam.scss GitHub Wiki

II - Navbar

The navbar class is characterized by a peculiarity: its adaptation to the different screen sizes always leaves a direct visibility on the items listed. That is to say, it is not necessary to press a button to discover the contents of the navbar: it is always present ... In fact, on a smartphone, only the icons remain; Text and other items appear on larger display formats.

1 / Navbar & Connection

The navbar class manages the display of connections for sites with user management.

2 / Navbar & Colors

The navbar class can be associated with one of the 7 basic colors.

3 / Navbar & Jim

This feature is hidden for resolutions below 1024px. The navbar class can be combined with the micro-library "Jim" if necessary.

III - Button

The classes btn are 2 in number:

.btn

.btn-group

The class btn is implemented on the element that must be a button. While the class btn-group is implemented on the parent element of the buttons.

The class btn complements on an element using:

  • a color class,
  • and/or a border class,
  • and/or a shadow class,
  • and/or an animate class,
  • and/or one or more helper classes.

This allows to obtain a range of buttons without limit ...

IV - Form

Forms are managed without class, only by tag rules. They are responsive & change the positioning of the labels according to the type of screen (the breakpoint is 1024px by default).