vendor/assets/stylesheets/iugu-ux/variables.sass in iugu-ux-0.8.0 vs vendor/assets/stylesheets/iugu-ux/variables.sass in iugu-ux-0.8.5

- old
+ new

@@ -17,9 +17,37 @@ $textColor: #333333 $bodyBackgroundColor: #FFFFFF $applicationBackgroundColor: #F2F2F2 +$baseUIBoxBackground: #7FCF42 +$baseUIBackground: #FFFFFF +$baseSidebarBackgroundColor: #3D3D3D +$baseHeaderBackground: #7CCF42 + +$desktopSidebarWidth: 256px +$mobileSidebarWidth: 256px + +$toolbarHeight: 44px + +$applicationBackgroundHighlightColor: lighten( $baseUIBoxBackground, 10 ) + +$baseUIBackground_lighten: lighten( $baseUIBackground, 10 ) +$baseUIBackground_darken: darken( $baseUIBackground, 10 ) +$baseUIBackground_highlight: lighten( $baseUIBackground, 50 ) +$baseUIBackground_shadow: darken( $baseUIBackground, 50 ) + +$secondaryUIBackground: darken( $baseUIBackground, 3 ) +$secondaryUIBackground_lighten: lighten( $secondaryUIBackground, 10 ) +$secondaryUIBackground_darken: darken( $secondaryUIBackground, 10 ) +$secondaryUIBackground_highlight: lighten( $secondaryUIBackground, 50 ) +$secondaryUIBackground_shadow: darken( $secondaryUIBackground, 50 ) + +$baseHeaderBackground_lighten: lighten( $baseHeaderBackground, 10 ) +$baseHeaderBackground_darken: darken( $baseHeaderBackground, 10 ) +$baseHeaderBackground_highlight: lighten( $baseHeaderBackground, 50 ) +$baseHeaderBackground_shadow: darken( $baseHeaderBackground, 50 ) + $headingFontWeight: bold $headingFontColor: #000000 $white: #FFFFFF $gray: #999999