daily pastebin goal
39%
SHARE
TWEET

Untitled

a guest Dec 13th, 2018 51 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.  
  2. .monochromatic {
  3.     @include color-scheme(monochromatic, $base-color);
  4.     @for $i from 1 through 10 {
  5.         .base .value#{$i} { background: $base-value#{$i}; }
  6.         .base .tone#{$i} { background: $base-tone#{$i}; }
  7.     }
  8. }
  9.  
  10. .complementary {   
  11.     @include color-scheme(complementary, $base-color);
  12.     @for $i from 1 through 10 {
  13.         .base .value#{$i} { background: $base-value#{$i}; }
  14.         .base .tone#{$i} { background: $base-tone#{$i}; }
  15.         .complementary .value#{$i} { background: $complementary-value#{$i}; }
  16.         .complementary .tone#{$i} { background: $complementary-tone#{$i}; }
  17.     }
  18. }
  19.  
  20. .split-complementary {
  21.     @include color-scheme(split-complementary, $base-color);
  22.     @for $i from 1 through 10 {
  23.         .base .value#{$i} { background: $base-value#{$i}; }
  24.         .base .tone#{$i} { background: $base-tone#{$i}; }
  25.         .secondaryA .value#{$i} { background: $secondaryA-value#{$i}; }
  26.         .secondaryA .tone#{$i} { background: $secondaryA-tone#{$i}; }
  27.         .secondaryB .value#{$i} { background: $secondaryB-value#{$i}; }
  28.         .secondaryB .tone#{$i} { background: $secondaryB-tone#{$i}; }
  29.     }
  30. }
  31. .triadic {
  32.     @include color-scheme(triadic, $base-color);
  33.     @for $i from 1 through 10 {
  34.         .base .value#{$i} { background: $base-value#{$i}; }
  35.         .base .tone#{$i} { background: $base-tone#{$i}; }
  36.         .secondaryA .value#{$i} { background: $secondaryA-value#{$i}; }
  37.         .secondaryA .tone#{$i} { background: $secondaryA-tone#{$i}; }
  38.         .secondaryB .value#{$i} { background: $secondaryB-value#{$i}; }
  39.         .secondaryB .tone#{$i} { background: $secondaryB-tone#{$i}; }
  40.     }
  41. }
  42. .analogous {
  43.     @include color-scheme(analogous, $base-color);
  44.     @for $i from 1 through 10 {
  45.         .base .value#{$i} { background: $base-value#{$i}; }
  46.         .base .tone#{$i} { background: $base-tone#{$i}; }
  47.         .secondaryA .value#{$i} { background: $secondaryA-value#{$i}; }
  48.         .secondaryA .tone#{$i} { background: $secondaryA-tone#{$i}; }
  49.         .secondaryB .value#{$i} { background: $secondaryB-value#{$i}; }
  50.         .secondaryB .tone#{$i} { background: $secondaryB-tone#{$i}; }
  51.     }
  52. }
  53.  
  54. .double-complementary {
  55.     @include color-scheme(double-complementary, $base-color);
  56.     @for $i from 1 through 10 {
  57.         .base .value#{$i} { background: $base-value#{$i}; }
  58.         .base .tone#{$i} { background: $base-tone#{$i}; }
  59.         .secondaryA .value#{$i} { background: $secondaryA-value#{$i}; }
  60.         .secondaryA .tone#{$i} { background: $secondaryA-tone#{$i}; }
  61.         .secondaryB .value#{$i} { background: $secondaryB-value#{$i}; }
  62.         .secondaryB .tone#{$i} { background: $secondaryB-tone#{$i}; }
  63.         .complementary .value#{$i} { background: $complementary-value#{$i}; }
  64.         .complementary .tone#{$i} { background: $complementary-tone#{$i}; }
  65.     }
  66. }
  67.  
  68. .tetradic {
  69.     @include color-scheme(tetradic, $base-color);
  70.     @for $i from 1 through 10 {
  71.         .base .value#{$i} { background: $base-value#{$i}; }
  72.         .base .tone#{$i} { background: $base-tone#{$i}; }
  73.         .secondaryA .value#{$i} { background: $secondaryA-value#{$i}; }
  74.         .secondaryA .tone#{$i} { background: $secondaryA-tone#{$i}; }
  75.         .secondaryB .value#{$i} { background: $secondaryB-value#{$i}; }
  76.         .secondaryB .tone#{$i} { background: $secondaryB-tone#{$i}; }
  77.         .complementary .value#{$i} { background: $complementary-value#{$i}; }
  78.         .complementary .tone#{$i} { background: $complementary-tone#{$i}; }
  79.     }
  80. }
  81.  
  82. .quadradic {
  83.     @include color-scheme(quadradic, $base-color);
  84.     @for $i from 1 through 10 {
  85.         .base .value#{$i} { background: $base-value#{$i}; }
  86.         .base .tone#{$i} { background: $base-tone#{$i}; }
  87.         .secondaryA .value#{$i} { background: $secondaryA-value#{$i}; }
  88.         .secondaryA .tone#{$i} { background: $secondaryA-tone#{$i}; }
  89.         .secondaryB .value#{$i} { background: $secondaryB-value#{$i}; }
  90.         .secondaryB .tone#{$i} { background: $secondaryB-tone#{$i}; }
  91.         .complementary .value#{$i} { background: $complementary-value#{$i}; }
  92.         .complementary .tone#{$i} { background: $complementary-tone#{$i}; }
  93.     }
  94. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top