Verified Commit 2945fff8 authored by Dave Long's avatar Dave Long
Browse files

Issue #3374537 by camoa, Utkarsh_33, TY4DVenom, Gauravvvv, Indrapatil,... 

Issue #3374537 by camoa, Utkarsh_33, TY4DVenom, Gauravvvv, Indrapatil, narendraR, Harish1688: PostCSS layout helpers inconsistency

(cherry picked from commit 418e5a48)
parent b8d878f8

core/themes/olivero/css/base/variables.css

+4 −1
Original line number Diff line number Diff line
@@ -54,7 +54,9 @@ 
  --sp2: calc(2 * var(--sp));

  --sp2-5: calc(2.5 * var(--sp));

  --sp3: calc(3 * var(--sp));

  --sp3-5: calc(3.5 * var(--sp));

  --sp4: calc(4 * var(--sp));

  --sp4-5: calc(4.5 * var(--sp));

  --sp5: calc(5 * var(--sp));

  --sp6: calc(6 * var(--sp));

  --sp7: calc(7 * var(--sp));
@@ -63,6 +65,7 @@ 
  --sp10: calc(10 * var(--sp));

  --sp11: calc(11 * var(--sp));

  --sp12: calc(12 * var(--sp));

  --sp13: calc(13 * var(--sp));



  /**

   * Gray colors.
@@ -116,7 +119,7 @@ 
  --color--green: #3fa21c;



  /* Header */

  --header-height-wide-when-fixed: calc(6 * var(--sp));

  --header-height-wide-when-fixed: var(--sp6);



  /* Width of slide out navigation */

  --mobile-nav-width: 31.25rem;

core/themes/olivero/css/base/variables.pcss.css

+4 −1
Original line number Diff line number Diff line
@@ -70,7 +70,9 @@ 
  --sp2: calc(2 * var(--sp));

  --sp2-5: calc(2.5 * var(--sp));

  --sp3: calc(3 * var(--sp));

  --sp3-5: calc(3.5 * var(--sp));

  --sp4: calc(4 * var(--sp));

  --sp4-5: calc(4.5 * var(--sp));

  --sp5: calc(5 * var(--sp));

  --sp6: calc(6 * var(--sp));

  --sp7: calc(7 * var(--sp));
@@ -79,6 +81,7 @@ 
  --sp10: calc(10 * var(--sp));

  --sp11: calc(11 * var(--sp));

  --sp12: calc(12 * var(--sp));

  --sp13: calc(13 * var(--sp));



  /**

   * Gray colors.
@@ -132,7 +135,7 @@ 
  --color--green: #3fa21c; /* Green */



  /* Header */

  --header-height-wide-when-fixed: calc(6 * var(--sp));

  --header-height-wide-when-fixed: var(--sp6);



  /* Width of slide out navigation */

  --mobile-nav-width: 500px;

core/themes/olivero/css/components/header-search-narrow.css

+2 −2
Original line number Diff line number Diff line
@@ -31,7 +31,7 @@ 


.block-search-narrow input[type="search"] {

  width: calc(100% + var(--sp2));

  height: calc(3 * var(--sp));

  height: var(--sp3);

  padding-block: 0;

  padding-inline-start: var(--sp);

  padding-inline-end: var(--sp);
@@ -57,7 +57,7 @@ 


@media (min-width: 43.75rem) {

  .block-search-narrow input[type="search"] {

    height: calc(4 * var(--sp));

    height: var(--sp4);

    padding-inline-start: var(--sp2);

    padding-inline-end: var(--sp2);

  }

core/themes/olivero/css/components/header-search-narrow.pcss.css

+2 −2
Original line number Diff line number Diff line
@@ -25,7 +25,7 @@ 


  & input[type="search"] {

    width: calc(100% + var(--sp2));

    height: calc(3 * var(--sp));

    height: var(--sp3);

    padding-block: 0;

    padding-inline-start: var(--sp);

    padding-inline-end: var(--sp);
@@ -49,7 +49,7 @@ 
    }



    @media (--md) {

      height: calc(4 * var(--sp));

      height: var(--sp4);

      padding-inline-start: var(--sp2);

      padding-inline-end: var(--sp2);

    }

core/themes/olivero/css/components/navigation/nav-primary-wide.css

+2 −2
Original line number Diff line number Diff line
@@ -114,7 +114,7 @@ 
  body:not(.is-always-mobile-nav) .primary-nav__menu--level-2 {

    position: absolute;

    z-index: 105; /* Appear above search container. */

    top: calc(100% - (0.5 * var(--sp)));

    top: calc(100% - var(--sp0-5));

    left: 50%;

    visibility: hidden;

    overflow: auto;
@@ -124,7 +124,7 @@ 
    max-height: calc(100vh - var(--site-header-height-wide) - var(--drupal-displace-offset-top, 0px) - var(--drupal-displace-offset-bottom, 0px) - var(--sp));

    margin-block-start: 0;

    margin-inline-start: 0;

    padding-block: calc(3 * var(--sp));

    padding-block: var(--sp3);

    padding-inline-start: var(--sp2);

    padding-inline-end: var(--sp2);

    transition: none;