ahaywood

Requirements

Make sure you're including jQuery within the project.

Quick Use

The link that you want the user to click, trigger the scroll, needs to have a class of js-scroll-to-top:

<a href="#" class="js-scroll-to-top">Back to Top</a>

At the top of your page, right after the body tag, include an empty div with an ID of top:

ahaywood

<?php wp_list_comments(array(
    'avatar_size' => '140',
    'type' => 'comment',
    'callback' => 'ahha_comments'
)); ?>

ahaywood

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

<?php // ACF
$image = get_field('extra_image');
var_dump($image);
?>
<img src="<?= $image['url']; ?>" alt="<?= $image['alt']; ?>">


<?php // FEATURED IMAGE >> IMAGE TAG

ahaywood

<!-- I got these buttons from simplesharebuttons.com -->
<div id="share-buttons">
    
    <!-- Buffer -->
    <a href="https://bufferapp.com/add?url=https://simplesharebuttons.com&amp;text=Simple Share Buttons" target="_blank">
        <img src="https://simplesharebuttons.com/images/somacro/buffer.png" alt="Buffer" />
    </a>
    
    <!-- Digg -->
    <a href="http://www.digg.com/submit?url=https://simplesharebuttons.com" target="_blank">

ahaywood

[submodule "wp"]
	path = wp
	url = git://github.com/WordPress/WordPress.git

[submodule "ahha_plugin_acf"]
 	path = wp-content/plugins/ahha_plugin_acf
 	url = git@bitbucket.org:ahhacreative/ahha_plugin_acf.git

[submodule "ahha_plugin_wpdbmigratepro"]
 	path = wp-content/plugins/ahha_plugin_wpdbmigratepro

ahaywood

// Scheme of colors
$colorscheme: (
  gray: (
    base: #ccc,
    light: #f2f2f2,
    dark: #666
  ),
  brown: (
    base: #ab906b,
    light: #ecdac3,

ahaywood

$buttons:   (success, green, white),
            (warning, yellow, black),
            (danger, red, white);
 
/* For each key in the map, created an own class */
@each $name, $background, $text in buttons {
  .button--#{$name} {
    background: $background;
    color: $text;
  }

ahaywood

$icons: (
  checkmark: a,
  plus: b,
  minus: c
);
 
/* For each key in the map, created an own class */
@each $name, $value in $icons {
  .icon--#{$name} {
    content: $value;

ahaywood

$category-colors :              (imom-morning, $ff-yellow, $gray-8),
                                (movie-monitor, $ff-coral, white),
                                (pillow-talk, $ff-l-blue, white),
                                (susan, $ff-limey-green, white),
                                (marriage, $ff-red, white),
                                (family-fun, $ff-orange, white),
                                (printables, $ff-teal, white),
                                (mom-life, $ff-blue, white),
                                (quotes, $ff-purple, white),
                                (parenting, $ff-green, white);

ahaywood

 /* 5 is the number of list items and the number within $list */
$list: "0 0", "50px 0", "100px 0", "150px 0", "200px 0";

@for $i from 1 through 5 {
  li:nth-child(#{$i}) {
    $imgKey: random(5);
    $nth: nth($list, $imgKey);
    background-position: #{$nth};
  }
}