Skip to content

Instantly share code, notes, and snippets.

@lessallan
Created September 7, 2012 18:37
Show Gist options
  • Save lessallan/3668452 to your computer and use it in GitHub Desktop.
Save lessallan/3668452 to your computer and use it in GitHub Desktop.
@each is killing me, help.
$dashboard_base: #ff0000
$transaction_base: #00ff00
$invoices_base: #ffff00
$reports_base: #0000ff
$settings_base: #00ffff
$contacts_base: #ff7700
$dashboard: lighten($dashboard_base, 40%)
$transaction: lighten($transaction_base, 37%)
$invoice: lighten($invoices_base, 35%)
$reports: lighten($reports_base, 45%)
$settings: lighten($settings_base, 21%)
$contacts: lighten($contacts_base, 27%)
$dashboard2: lighten($dashboard_base, 39%)
$transaction2: lighten($transaction_base, 36%)
$invoice2: lighten($invoices_base, 30%)
$reports2: lighten($reports_base, 40%)
$settings2: lighten($settings_base, 19%)
$contacts2: lighten($contacts_base, 32%)
///body background
$dashboard_3: lighten($dashboard_base, 45%)
$transaction_3: lighten($transaction_base, 43%)
$invoice_3: lighten($invoices_base, 40%)
$reports_3: lighten($reports_base, 47%)
$settings_3: lighten($settings_base, 39%)
$contacts_3: lighten($contacts_base, 42%)
@each $module in dashboard, transactions, invoices, reporting, settings, contacts
#theme_#{$module}
background: $#{$module}_3 url(/images/bg_dust.png)
#main
table tr th
+background-image(linear-gradient($#{$module}_2, $#{$module}_3))
.buttons
&.main
+background-image(linear-gradient($#{$module}, $#{$module}_2))
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment