Breaking changes with 3.3.x and PrimeOne

Post Reply
christophs78
Posts: 64
Joined: 01 Mar 2018, 12:29

09 Oct 2020, 11:33

Babylon up to 3.2.x provided following CSS:

Code: Select all

.card h1 {
  font-size: 20px;
  font-weight: 400;
  margin: 24px 0;
}
.card h1:first-child {
  margin-top: 0px;
}
.card h2 {
  font-size: 18px;
  font-weight: 400;
}
.card h3 {
  font-size: 16px;
  font-weight: 400;
}
.card h4 {
  font-size: 14px;
  font-weight: 400;
}
Babylon 3.3.x brings following CSS:

Code: Select all

h1 {
  font-size: 2.5rem;
}

h2 {
  font-size: 2rem;
}

h3 {
  font-size: 1.75rem;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}
For https://www.primefaces.org/babylon/formlayout.xhtml you compensate this by using h5 instead of h1 before. But this is not the way HTML is intended.

mert.sincan
Posts: 4579
Joined: 29 Jun 2013, 12:38

09 Oct 2020, 23:34

Yes, you're right. But, this is a design decision. Previously, layouts did not have a correct Typography. They seemed independent of each other. I think we solved this problem with PrimeOne Vision Concept and layout revision.
you compensate this by using h5 instead of h1 before. But this is not the way HTML is intended.
Yes, but this is optional. Users can change this hierarchy according to your needs.

Best Regards,

Post Reply

Return to “Babylon - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest