<ul class="quad-layout">
    <li>
        <h3>Longevity</h3>
        <p>With as much as we’ve learned in the talent marketplace over the last two decades, we’ve been helping companies hire, find and manage the best people longer than anyone else in the game.</p>
    </li>
    <li>
        <h3>Right-size Offerings</h3>
        <p>Our comprehensive range of offerings allow us to respond to our customer’s specific needs with flexibility and cost-effective solutions, whether it’s for a 10-person business, a regional chain or an enterprise organization with 10,000+ employees.</p>
    </li>
    <li>
        <h3>Passion</h3>
        <p>Customer success, to us, is defined by satisfaction of service and clear return on investment. Our teams across the globe help customers identify challenges and opportunities to be more strategic – and happy – in their HCM decisions.</p>
    </li>
    <li>
        <h3>Knowledge and Data</h3>
        <p>We have over 21 billion occupation-related data points, over 150 million workforce profiles for US workers, and over 1 million compensation and career path data points that we can utilize to help power your recruitment or talent management programs.</p>
    </li>
</ul>
<ul class="quad-layout">
  <li>
    <h3>Longevity</h3>
    <p>With as much as we’ve learned in the talent marketplace over the last two decades, we’ve been helping companies hire, find and manage the best people longer than anyone else in the game.</p>
  </li>
  <li>
    <h3>Right-size Offerings</h3>
    <p>Our comprehensive range of offerings allow us to respond to our customer’s specific needs with flexibility and cost-effective solutions, whether it’s for a 10-person business, a regional chain or an enterprise organization with 10,000+ employees.</p>
  </li>
  <li>
    <h3>Passion</h3>
    <p>Customer success, to us, is defined by satisfaction of service and clear return on investment. Our teams across the globe help customers identify challenges and opportunities to be more strategic – and happy  –  in their HCM decisions.</p>
  </li>
  <li>
    <h3>Knowledge and Data</h3>
    <p>We have over 21 billion occupation-related data points, over 150 million workforce profiles for US workers, and over 1 million compensation and career path data points that we can utilize to help power your recruitment or talent management programs.</p>
  </li>
</ul>
/* No context defined for this component. */
  • Content:
    $_quad-layout-breakpoint: 50em;
    $_quad-layout-breakpoint--min: calc(#{$_quad-layout-breakpoint} + 1px);
    
    @mixin quad-layout {
      // used for content configured in sets of 2x2 (small biz benefits, why-cb difference)
      // markup is a list element with li's in multiples of 4
      @include display(flex);
      @include flex-wrap(wrap);
      @include align-content(stretch);
      padding: 0;
    
      @media only screen and (max-width: $_quad-layout-breakpoint) {
        @include flex-direction(column);
        @include flex-wrap(nowrap);
      }
    
      li {
        width: 50%;
        position: relative;
        padding: 0 $base-spacing-xlarge 2.5rem;
        list-style: none;
    
        @media only screen and (max-width: $_quad-layout-breakpoint) {
          width: 100%;
        }
      }
    }
    
    @mixin quad-layout-short {
    	@include quad-layout;
    	justify-content: space-between;
    
    	li {
    		width: calc(50% - (#{$base-spacing-medium} / 2));
    		padding-right: 0;
    
    		@media screen and (max-width: $_quad-layout-breakpoint) {
          width: 100%;
    			padding-left: 0;
    		}
    	}
    }
    
  • URL: /components/raw/layout_quad/_layout_quad.scss
  • Filesystem Path: sass/directives/03_components/layout_quad/_layout_quad.scss
  • Size: 999 Bytes

There are no notes for this item.