jacine

<?php

/**
 * @file
 * The PHP page that serves all page requests on a Drupal installation.
 *
 * All Drupal code is released under the GNU General Public License.
 * See COPYRIGHT.txt and LICENSE.txt files in the "core" directory.
 */

jacine

<?php

/**
 * @file
 * Local development override configuration feature.
 *
 * To activate this feature, copy and rename it such that its path plus
 * filename is 'sites/default/settings.local.php'. Then, go to the bottom of
 * 'sites/default/settings.php' and uncomment the commented lines that mention
 * 'settings.local.php'.

jacine

{
	"bold_folder_labels": true,
	"color_scheme": "Packages/Material Theme/schemes/Material-Theme-Darker.tmTheme",
	"default_encoding": "UTF-8",
	"default_line_ending": "unix",
	"detect_indentation": true,
	"ensure_newline_at_eof_on_save": true,
	"fallback_encoding": "Western (Windows 1252)",
	"file_exclude_patterns":
	[

jacine

Automated Retina Sprites with Compass

I asked the following on Twitter the other day:

Thoughts, anyone? "Seems like there are a million ways to do retina sprites with Compass. What's the best way? #sass #compass" tweet

Specifically, what I wanted to do was to reference an icon once, like so:

.selector {
  @include the-sprite('once');

jacine

<?php

/**
 * Implements hook_menu_local_tasks_alter().
 */
function utils_menu_local_tasks_alter(&$data, $router_item, $root_path) {

  // Define the tabs.
  $contact = array(
    '#theme' => 'menu_local_task',

jacine

{% helperclasses on %}

<!-- Simple example (default) -->

{% if items %}
  <{{ type }}{{ items.attributes }}>
    {% for item in items %}
      <li{{ item.attributes }}> {{- item -}} </li>
   {% endfor %}
  </{{ type }}>

jacine

<!-- Simple -->

<ul{{ items.attributes }}>
  {% for item in items %}
    <li{{ item.attributes }}> {{ item }} </li>
  {% endfor %}
</ul>

<!-- Detailed -->

jacine

/**
 * Animated Themery Logo
 * http://themery.com
 *
 * Note: We used The Compass Animation gem to generate the CSS.
 * https://github.com/ericam/compass-animation
 */

/* Keyframes
------------------------------------------------------------------------------*/

jacine

/**
 * Fun with CSS3 gradients, animation and 3d transforms.
 * Animation started with an example from @treehouse.
 */

/* Keyframes
------------------------------------------------------------------------------*/
@keyframes spin {
    0% { transform: rotateY(0); }
  100% { transform: rotateY(-360deg); }

jacine

/**
 * Drupal - Primary and secondary tabs.
 */

ul.tabs {
  border-bottom: solid 1px #ddd;
  display: block;
  margin: 0 0 20px 0;
  padding: 0;
}