dani-z

A Pen by dani-z

A Pen by dani-z on CodePen.

License.

dani-z

<ul class=leaders>
<li><span>Salmon Ravioli</span>
 <span>7.95</span>
<li><span>Fried Calamari</span>
 <span>8.95</span>
<li><span>Almond Prawn Cocktail</span>
 <span>7.95</span>
<li><span>Bruschetta</span>
 <span>5.25</span>
<li><span>Margherita Pizza</span>

dani-z

// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----

$em-base: 16px;
@function strip-unit($num) {
  @return $num / ($num * 0 + 1);
}
@function convert-to-rem($value, $base-value: $em-base)  {

dani-z

var gulp = require('gulp');  
var sass = require('gulp-sass');
var browserSync = require('browser-sync');

var paths = {
    scss: './sass/*.scss'
};

gulp.task('sass', function () {  
    gulp.src('scss/app.scss')

dani-z

// ----
// Sass (v3.3.10)
// Compass (v1.0.0.alpha.20)
// ----

// Neutral color palette
$palette-neutral--xdark:  #2C3643;
$palette-neutral--dark:   #3B444F;
$palette-neutral--base:   #67747C;
$palette-neutral--light:  #99A9B3;

dani-z

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  box-shadow: none;
  outline: none;
}

html, body { height: 100%; }

dani-z

{
  "name": "Project name",
  "version": "0.0.1",
  "authors": [
    "Anonymous"
  ],
  "description": "Project description",
  "dependencies": {
    "foundation": "~5.4.4"
  }

dani-z

// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----

.block {
    &__element {
    	color: red;
    }
    &--modifier {

dani-z

// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----

.main__navigation {
  a {
		color: red;
		font-weight: 300;
  		.current-menu-item & {

dani-z

// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----

.btn {
  // Common stuf here
  &--primary {
    background-color: green;
    border-style: solid;