at_theme-1.4.1/at_core/scripts/at.flexPosition.js

at_core/scripts/at.flexPosition.js
/**
 * @file
 * Center element vertically.
 *
 * ## Usage
 * Call the function on the element to be vertically centered in it's parent.
 * The param pS should be the next outer container that we need to get the
 * height for.
 *
 * <div class="outer-container">
 *   <div class="parent-container">
 *     <nav class="element">...</nav>
 *   </div>
 * </div>
 *
 * $(document).ready(function() {
 *   $('.element').atFlexCenter();
 *   $('.element').atFlexCenter({ verticalPosition: 'center' });
 *   $('.element').atFlexCenter({ verticalPosition: 'center', horizontalPosition: 'left', parentSelector: '.outer-container' });
 * });
 */
(function($){
  $.fn.atFlexCenter = function(options) {

    var settings = $.extend({
      verticalPosition: null,
      horizontalPosition: null,
      parentSelector: null
    }, options || {});

    return this.each(function(){
      if(settings.parentSelector) {
        $(this).parent().addClass('is-flexposition-parent');
      }
      if(settings.verticalPosition || settings.horizontalPosition) {
        $(this).addClass('is-flexposition-container');
      }
      if(settings.verticalPosition) {
        $(this).addClass('is-vertical-' + settings.verticalPosition);
      }
      if(settings.horizontalPosition) {
        $(this).addClass('is-horizontal-' + settings.horizontalPosition);
      }
    });
  };
})(jQuery);

Главная | Обратная связь

drupal hosting | друпал хостинг | it patrol .inc