Created
July 30, 2013 19:36
-
-
Save cliffordp/6116154 to your computer and use it in GitHub Desktop.
PageLines LESS Color Variables Demo from http://www.pagelinestheme.com/less-color-variables-demo
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .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; } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment