PageLines LESS Color Variables Demo from http://www.pagelinestheme.com/less-color-variables-demo

PageLines LESS Color Variables Demo

.pllessdemo {
  .column-2 { border: 2px solid red; }
  .row-1 .column-2 { border: none; border-bottom: 2px solid red; }
  //
  .row-2 .column-2 { background: @pl-base !important; }
  .row-3 .column-2 { background: @pl-text !important; }
  .row-4 .column-2 { background: @pl-link !important; }
  .row-5 .column-2 { background: @pl-background !important; }
  .row-6 .column-2 { background: @pl-header !important; }
  .row-7 .column-2 { background: @pl-footer !important; }
  .row-8 .column-2 { background: @textColor !important; }
  .row-9 .column-2 { background: @textColorAlt !important; }
  .row-10 .column-2 { background: @textColorSubtle !important; }
  .row-11 .column-2 { background: @textColorLight !important; }
  .row-12 .column-2 { background: @headerColor !important; }
  .row-13 .column-2 { background: @headerHover !important; }
  .row-14 .column-2 { background: @linkColor !important; }
  .row-15 .column-2 { background: @linkColorHover !important; }
  .row-16 .column-2 { background: @baseColor !important; }
  .row-17 .column-2 { background: @baseLighter !important; }
  .row-18 .column-2 { background: @baseLighterMore !important; }
  .row-19 .column-2 { background: @baseLighterMost !important; }
  .row-20 .column-2 { background: @baseContrastSlight !important; }
  .row-21 .column-2 { background: @baseDarker !important; }
  .row-22 .column-2 { background: @dark-base !important; }
  .row-23 .column-2 { background: @baseDarkerMore !important; }
  .row-24 .column-2 { background: @light-base !important; }
  .row-25 .column-2 { background: @baseContrast !important; }
  .row-26 .column-2 { background: @baseContrastDark !important; }
  .row-27 .column-2 { background: @baseContrastMore !important; }
  .row-28 .column-2 { background: @baseContrastDarkMore !important; }
  .row-29 .column-2 { background: @black !important; }
  .row-30 .column-2 { background: @grayDarker !important; }
  .row-31 .column-2 { background: @grayDark !important; }
  .row-32 .column-2 { background: @gray !important; }
  .row-33 .column-2 { background: @grayLight !important; }
  .row-34 .column-2 { background: @grayLighter !important; }
  .row-35 .column-2 { background: @white !important; }
  .row-36 .column-2 { background: @blue !important; }
  .row-37 .column-2 { background: @blueDark !important; }
  .row-38 .column-2 { background: @green !important; }
  .row-39 .column-2 { background: @red !important; }
  .row-40 .column-2 { background: @yellow !important; }
  .row-41 .column-2 { background: @orange !important; }
  .row-42 .column-2 { background: @pink !important; }
  .row-43 .column-2 { background: @purple !important; }
  .row-44 .column-2 { background: @btnBackground !important; }
  .row-45 .column-2 { background: @btnBackgroundHighlight !important; }
  .row-46 .column-2 { background: @btnBorder !important; }
  .row-47 .column-2 { background: @btnPrimaryBackground !important; }
  .row-48 .column-2 { background: @btnPrimaryBackgroundHighlight !important; }
  .row-49 .column-2 { background: @btnInfoBackground !important; }
  .row-50 .column-2 { background: @btnInfoBackgroundHighlight !important; }
  .row-51 .column-2 { background: @btnSuccessBackground !important; }
  .row-52 .column-2 { background: @btnSuccessBackgroundHighlight !important; }
  .row-53 .column-2 { background: @btnWarningBackground !important; }
  .row-54 .column-2 { background: @btnWarningBackgroundHighlight !important; }
  .row-55 .column-2 { background: @btnImportantBackground !important; }
  .row-56 .column-2 { background: @btnImportantBackgroundHighlight !important; }
  .row-57 .column-2 { background: @btnInverseBackground !important; }
  .row-58 .column-2 { background: @btnInverseBackgroundHighlight !important; }
  .row-59 .column-2 { background: @HeroHeadingColor !important; }
  .row-60 .column-2 { background: @HeroLeadColor !important; }
  .row-61 .column-2 { background: @highlightSubHeadColor !important; }
  .row-62 .column-2 { background: @inputBackground !important; }
  .row-63 .column-2 { background: @inputBorder !important; }
  .row-64 .column-2 { background: @inputDisabledBackground !important; }
  .row-65 .column-2 { background: @formActionsBackground !important; }
  .row-66 .column-2 { background: @dropdownBackground !important; }
  .row-67 .column-2 { background: @dropdownBorder !important; }
  .row-68 .column-2 { background: @dropdownDividerTop !important; }
  .row-69 .column-2 { background: @dropdownDividerBottom !important; }
  .row-70 .column-2 { background: @dropdownLinkColor !important; }
  .row-71 .column-2 { background: @dropdownLinkColorHover !important; }
  .row-72 .column-2 { background: @dropdownLinkColorActive !important; }
  .row-73 .column-2 { background: @dropdownLinkBackgroundActive !important; }
  .row-74 .column-2 { background: @dropdownLinkBackgroundHover !important; }
  .row-75 .column-2 { background: @placeholderText !important; }
  .row-76 .column-2 { background: @hrBorder !important; }
  .row-77 .column-2 { background: @warningText !important; }
  .row-78 .column-2 { background: @warningBackground !important; }
  .row-79 .column-2 { background: @warningBorder !important; }
  .row-80 .column-2 { background: @errorText !important; }
  .row-81 .column-2 { background: @errorBackground !important; }
  .row-82 .column-2 { background: @errorBorder !important; }
  .row-83 .column-2 { background: @successText !important; }
  .row-84 .column-2 { background: @successBackground !important; }
  .row-85 .column-2 { background: @successBorder !important; }
  .row-86 .column-2 { background: @infoText !important; }
  .row-87 .column-2 { background: @infoBackground !important; }
  .row-88 .column-2 { background: @infoBorder !important; }
  .row-89 .column-2 { background: @bodyBackground !important; }
  .row-90 .column-2 { background: @headingsColor !important; }
  .row-91 .column-2 { background: @tooltipColor !important; }
  .row-92 .column-2 { background: @tooltipBackground !important; }
  .row-93 .column-2 { background: @tooltipArrowColor !important; }
  .row-94 .column-2 { background: @popoverBackground !important; }
  .row-95 .column-2 { background: @popoverArrowColor !important; }
  .row-96 .column-2 { background: @popoverTitleBackground !important; }
  .row-97 .column-2 { background: @popoverArrowOuterColor !important; }
}