Link to nicer article view on the old Railslove.com (may break any time):
http://railslove-website.herokuapp.com/blog/2012/11/09/taking-sass-to-the-next-level-with-smurf-and-extend
title: Taking Sass to the Next Level with SMURF and @extend slug: taking-sass-to-the-next-level-with-smurf-and-extend author: jakob_hilden featured_image: https://dl.dropbox.com/u/409736/smurf_blog_background.png published: true published_at: 2012-11-09
youtube-dl https://www.youtube.com/playlist\?list\=PLZdCLR02grLq4e8-1P2JNHBKUOLFTX3kb --playlist-items 1-5,7,9-11,13-26
| const young_jim = {age: 20, name: "Jim", last_name: "Beam", guns: "many"}; | |
| const married_jim = { age: 34, name: "Jim", last_name: "Parker", hair: false }; | |
| const joined_jim = {...young_jim, ...married_jim}; | |
| console.log(joined_jim); // => { "age": 34, "guns": "many", "hair": false, "last_name": "Parker", "name": "Jim" } |
| ;; https://github.com/noprompt/garden | |
| [:h1 {:color "green"}] | |
| ;; multiple selectors | |
| [:h2 :h3 {:color "orange"}] | |
| ;; => h1, h2 { color: orange; } | |
| ;; descendants | |
| [:h1 [:a {:text-decoration "none"}]] |
| (ns instructions.core | |
| (:require [reagent.core :as reagent] | |
| [re-frame.core :as re-frame])) | |
| (defn parent [& children] | |
| [:div | |
| [:h1 "Parent"] | |
| children]) | |
| (defn info [] |
| ;loaded from gist: https://gist.github.com/paulkoegel/cc14431f58bedfc1899ea33b1853144b | |
| (ns instructions.core | |
| (:require [reagent.core :as reagent] | |
| [re-frame.core :as re-frame])) | |
| (defn parent [& children] | |
| [:div | |
| [:h1 "Parent"] | |
| children]) |