Seorusus

Animated notifications

A Pen by Yanni on CodePen.

License.

Seorusus

<div class="container">
    <div class="row">
        <div class="col align-self-center">
            {% block content %}
            {% if site_logo %}
            <p class="site-logo"> <a href="{{ path('<front>') }}" title="{{ 'Home'|t }}" rel="home">
                    <img src="{{ site_logo }}" alt="{{ 'Home'|t }}" />
                </a> </p>
            {% endif %}
        </div>

Seorusus

$view = new view();
$view->name = 'guidelines_resources';
$view->description = '';
$view->tag = 'default';
$view->base_table = 'node';
$view->human_name = 'Guidelines and Resources';
$view->core = 7;
$view->api_version = '3.0';
$view->disabled = FALSE; /* Edit this to true to make a default view disabled initially */

Seorusus

/**
 * Add a placeholder in the search bar on the Search result pages.
 */
function dc_form_alter( &$form, &$form_state, $form_id ) {
  if ($form['#id'] === 'views-exposed-form-search-results-page') {
    // Adding placeholders to fields
    $form['text']['#attributes']['placeholder'] = t( 'Whatcha lookin for?' );
  }
}

Seorusus

(function ($, Drupal) {  
  Drupal.behaviors.hideLink = {
    attach: function () {
      $('.selected-facets li').each(function() {
        $(".reset-all-facets").removeClass('_display-none');
      });
    }
  };
})(jQuery, Drupal);

Seorusus

<div class="swiper-slider-description">
                <div class="_first">
                    <span class="_left">the</span><span class="_right">future</span>
                </div>
                <div class="_second">
                    Brand new & improved!
                </div>
                <div class="_third">
                    <p>the Future boasts clean and crispy design, bulletproof layout</p><p> consistence and intuitive navigation.</p>
                </div>

Seorusus

  jQuery(document).mouseup(function (e) {
    jQuery(".view-facets .pane-content").each(function (i) {
      var elem = jQuery(this);
      if (e.target !== elem[0] && !elem.has(e.target).length) {
        elem.hide();
        $(".show-facet .pane-title").addClass("change");
        let numOfClicks = 0;
        const $elem = $(".show-facet .pane-title");
        $elem.on('click', () => {
          ++numOfClicks;

Seorusus

// https://api.drupal.org/api/drupal/core!modules!block!templates!block.html.twig/8.2.x
{#
/**
 * @file
 * Default theme implementation to display a block.
 *
 * Available variables:
 * - plugin_id: The ID of the block implementation.
 * - label: The configured label of the block if visible.
 * - configuration: A list of the block's configuration values.

Seorusus

.swiper-slider-description {
    backface-visibility: hidden;
    font-family: fira sans,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,sans-serif;
    margin: 25vh 25vw;
    position: absolute;
    z-index: 2;
    text-align: center;
    width: 50vw;
    height: 50vh;
}

Seorusus

(function ($, Drupal) {
    $(document).ready(function () {
        $(".bhide").click(function () {
            $(".hideObj").slideDown();
            $(this).hide(); //.attr()
            return false;
        });
        $(".bhide2").click(function () {
            $(".container.hideObj2").slideDown();
            $(this).hide(); // .attr()