You're Invited:Meet the Socket Team at BlackHat and DEF CON in Las Vegas, Aug 7-8.RSVP
Socket
Socket
Sign inDemoInstall

@ecl/vanilla-layout-grid

Package Overview
Dependencies
0
Maintainers
6
Versions
59
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

@ecl/vanilla-layout-grid

ECL Grid


Version published
Maintainers
6
Created

Changelog

Source

4.4.0

:rocket: New Feature
  • #3471 feat(flags): Adding new non members flags - FRONT-4498 (@planctus)
  • #3465 feat(banner): new options and video - FRONT-4488 (@emeryro)
:warning: Markup Changes
  • #3486 feat(mega-menu): Adding aria-describedby in info link - FRONT-4520 (@planctus)
  • #3487 feat(mega-menu): Aria-describedby on featured column title - FRONT-4522 (@planctus)
  • #3484 feat(mega-menu): Aria-label on view all link - FONT-4516 (@planctus)
  • #3483 feat(mega-menu): Removing unneded aria-label - FRONT-4521 (@planctus)
  • #3482 feat(mega-menu): Supporting aria-labels for nested lists - FRONT-4515 (@planctus)
  • #3421 feat(form): update style of all form elements - FRONT-4432 (@emeryro)
  • #3372 feat(menu): add aria-current - FRONT-4405 (@emeryro)
  • #3465 feat(banner): new options and video - FRONT-4488 (@emeryro)
  • #3462 feat(search-form): Removing aria label, adding support for extra classes for the button and the input - FRONT-4479 (@planctus)
:warning: Data Changes
  • #3489 feat(social-media-follow): add position right - FRONT-4505 (@emeryro)
  • #3480 feat(pagination): update EU display - FRONT-4509 (@emeryro)
  • #3484 feat(mega-menu): Aria-label on view all link - FONT-4516 (@planctus)
  • #3483 feat(mega-menu): Removing unneded aria-label - FRONT-4521 (@planctus)
  • #3482 feat(mega-menu): Supporting aria-labels for nested lists - FRONT-4515 (@planctus)
  • #3431 feat(modal): update styles - FRONT-4453 (@emeryro)
  • #3465 feat(banner): new options and video - FRONT-4488 (@emeryro)
:nail_care: Enhancement
  • #3486 feat(mega-menu): Adding aria-describedby in info link - FRONT-4520 (@planctus)
  • #3489 feat(social-media-follow): add position right - FRONT-4505 (@emeryro)
  • #3490 feat(mega-menu): Making the hamburger a button with javascript - FRONT-4519 (@planctus)
  • #3480 feat(pagination): update EU display - FRONT-4509 (@emeryro)
  • #3488 feat(mega-menu): Not moving the focus when opening the menu - FRONT-4518 (@planctus)
  • #3485 feat(mega-menu): Handling focus on Esc - FRONT-4517 (@planctus)
  • #3481 docs(website): update color page - FRONT-4506 (@emeryro)
  • #3487 feat(mega-menu): Aria-describedby on featured column title - FRONT-4522 (@planctus)
  • #3484 feat(mega-menu): Aria-label on view all link - FONT-4516 (@planctus)
  • #3474 feat(button): setting height, using same values for padding in default and hover - FRONT-4499 (@planctus)
  • #3483 feat(mega-menu): Removing unneded aria-label - FRONT-4521 (@planctus)
  • #3482 feat(mega-menu): Supporting aria-labels for nested lists - FRONT-4515 (@planctus)
  • #3478 fix(file-upload): Button only taking the needed space - FRONT-4493 (@planctus)
  • #3477 feat(input): Using outline for focus style - FRONT-4504 (@planctus)
  • #3431 feat(modal): update styles - FRONT-4453 (@emeryro)
  • #3353 feat(media container): disable Youtube shortcuts - FRONT-4363 (@emeryro)
  • #3449 feat(tabs): EU styles - FRONT-4451 (@planctus)
  • #3473 feat(inpage-nav): improve mobile keyboard navigation - FRONT-4501 (@emeryro)
  • #3475 feat(video): homogenize track name - FRONT-4503 (@emeryro)
  • #3456 feat(twig): cleanup and update parameters - FRONT-4438 (@emeryro)
  • #3421 feat(form): update style of all form elements - FRONT-4432 (@emeryro)
  • #3450 feat(mega-menu): New info in mobile, mobile scroll, limiting element's height - FRONT-4447 (@planctus)
  • #3372 feat(menu): add aria-current - FRONT-4405 (@emeryro)
  • #3448 feat(list with illustration fact and figures): update styles - FRONT-4468 (@emeryro)
  • #3462 feat(search-form): Removing aria label, adding support for extra classes for the button and the input - FRONT-4479 (@planctus)
:house: Internal
Committers: 2

Readme

Source

ECL Grid

Use a grid to give your design a basic underlying structure. By placing your design elements on the invisible lines of a grid, you will create a more structured and coherent composition.

The ECL Grid uses Bootstrap v4's grid. Designs are based on the 12-column Bootstrap grid system.

We use 5 breakpoints, of which 3 of them are native to Bootstrap.

LayoutWidthsMedia queries
Extra smallAny
SmallBigger than 479px@media (min-width: 480px)
MediumBigger than 767px@media (min-width: 768px)
LargeBigger than 991px@media (min-width: 992px)
Extra largeBigger than 1199px@media (min-width: 1200px)

Bootstrap includes a responsive, mobile first fluid grid system that appropriately scales up to 12 columns as the device or viewport size increases.

It includes predefined classes for easy layout options, as well as powerful mixins for generating more semantic layouts.

Refer to Bootstrap documentation for understanding the general concepts. When using the grid of ECL, use .ecl- namespace in front of Bootstrap's classes in order to avoid collisions.

Keywords

FAQs

Package last updated on 16 Jul 2024

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc