Sam Richard Snugug

## Compass Extension Templates with Shared Files.md

      
              1 file
            
          
              0 forks
            
          
              1 comment
            
          
              0 stars
            
          
                Snugug
                / Compass Extension Templates with Shared Files.md
            
            
              Created
              January 31, 2014 22:42
            
          
    I have a Compass extension named Aurora that provides three templates, default, corona, and polaris. They share a set of files that get pulled in and placed via each's manifest.rb file. I share these files so I don't need identical copies of each in each template.
That being said, for one shared file, I'd like to add a line of code if I'm using the default template. I thought was I could do something like this:
# file.txt.erb
This is a file! Yay!

<% if Compass.template == 'default' %>
This is an extra line for when Default is used

  
## SassMeister-input-HTML.haml
.one
.two
.three
.four

## SassMeister-input.scss
// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// Breakpoint (v2.4.1)
// ----

@import "breakpoint";

@include breakpoint((min-resolution 1.5dppx, 2050px)) {
  .foo {

## SassMeister-input.sass
// ----
// Sass (v3.3.0.rc.3)
// Compass (v1.0.0.alpha.18)
// ----

.foo
  *display: inline

## SassMeister-input.scss
// ----
// Sass (v3.3.0.rc.4)
// Compass (v1.0.0.alpha.18)
// ----

@mixin placeholder {
  $placeholders: ':-webkit-input', '-moz', ':-moz', '-ms';
  @each $prefix in $placeholders {
    &:#{$prefix}-placeholder {
      @content;

## SassMeister-input-HTML.html
<!DOCTYPE html>
<html lang="en" dir="ltr">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>Clearing trouble</title> <!-- 70chars max -->
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<link rel="stylesheet" href="css/style.css" />
	</head>
	<body>

## SassMeister-input-HTML.html
<div class="container"></div></div><div class="shifted">This is a test div</div></div>

## SassMeister-input-HTML.haml
.blue
.red

## SassMeister-input-HTML.haml
.header
.main

## SassMeister-input-HTML.html
<div class="container">
    <div class="one"></div>
    <div class="two"></div>
    <div class="three"></div>
  </div>
	// ----
	// Sass (v3.3.0.rc.2)
	// Compass (v1.0.0.alpha.17)
	// Breakpoint (v2.4.1)
	// ----

	@import "breakpoint";

	@include breakpoint((min-resolution 1.5dppx, 2050px)) {
	.foo {
	// ----
	// Sass (v3.3.0.rc.3)
	// Compass (v1.0.0.alpha.18)
	// ----

	.foo
	*display: inline
	// ----
	// Sass (v3.3.0.rc.4)
	// Compass (v1.0.0.alpha.18)
	// ----

	@mixin placeholder {
	$placeholders: ':-webkit-input', '-moz', ':-moz', '-ms';
	@each $prefix in $placeholders {
	&:#{$prefix}-placeholder {
	@content;
	<!DOCTYPE html>
	<html lang="en" dir="ltr">
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>Clearing trouble</title> <!-- 70chars max -->
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<link rel="stylesheet" href="css/style.css" />
	</head>
	<body>
	<div class="container">
	<div class="one"></div>
	<div class="two"></div>
	<div class="three"></div>
	</div>