A port of Googles Web Starter Kit (Material branch) to Dart
Web Starter Kit strives to give you a high performance starting point out of the box Responsive layout is included with the kit that adapts to fit the device your user is viewing it on.
Create a tailored starter kit by taking only what you need, and easily deleting anything you don't.
The Styleguide shows all samples in one page. (takes a while - loads all other samples in iframes)
Theming is very easy. This is your basic SCSS file:
1. @import 'packages/wsk_material/sass/resets/h5bp'; 2. @import 'packages/wsk_material/sass/typography/typography'; 3. @import 'packages/wsk_material/sass/palette/palette'; 4. @import 'colors'; 5. @import 'packages/wsk_material/sass/layout/layout';Line 1 - 3 shows you basic imports from wsk_material.
1. @import "packages/wsk_material/sass/palette/palette"; 2. /* ========== Color & Themes ========== */ 3. // Use color primarily for emphasis. Choose colors that fit with 4. // your brand and provide good contrast between visual components. 5. $palette-primary: $palette-indigo !default; 6. $palette-accent: $palette-pink !default; 7. $palette-secondary: $palette-grey !default; 8. $palette-disabled: $palette-grey !default; 9. $palette-page: $palette-grey !default; ...Now change the pallets-name
If you want to know how to theme your SVG-Icons - check out this files main.scss (svgShapeComponent)