Skip to content

Commit 43fe29a

Browse files
authored
Merge pull request #4 from aphex/theming-guides
real fix for sass
2 parents 1e640e0 + 0954d5e commit 43fe29a

File tree

3 files changed

+5
-5
lines changed

3 files changed

+5
-5
lines changed

src/components/site-menu/site-menu-map.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@ export default {
2525
'Theming': {
2626
'Basics': '/docs/theming/basics',
2727
'Theming with CSS': '/docs/theming/theming-with-css',
28-
'Theming with Scss': '/docs/theming/theming-with-scss'
28+
'Theming with Sass': '/docs/theming/theming-with-sass'
2929
},
3030
'Contributing': {},
3131
'FAQ': {}

src/docs-content/theming/basics.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
# Theming Basics
2-
Ionic components can be themed at runtime using CSS properties. For more advanced theming, check out the **Theming with Scss** section of this guide. For a more in depth look at CSS theming, head over to the **Theming with CSS** section. To change the look of your application you can simply set any CSS properties you would like to change. Currently, Ionic's runtime theming is restricted to color changes. For layout changes you will need to dive into Scss theming. To begin, lets talk about the basic color concepts.
2+
Ionic components can be themed at runtime using CSS properties. For more advanced theming, check out the **Theming with Sass** section of this guide. For a more in depth look at CSS theming, head over to the **Theming with CSS** section. To change the look of your application you can simply set any CSS properties you would like to change. Currently, Ionic's runtime theming is restricted to color changes. For layout changes you will need to dive into Sass theming. To begin, lets talk about the basic color concepts.
33

44
#### The Color Map
55
```

src/docs-content/theming/theming-with-scss.md renamed to src/docs-content/theming/theming-with-sass.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
# Theming with Scss
2-
SASS based theming allows for total control over the CSS generated for all of the Ionic Components; however, this requires a build step. CSS generated will still have CSS properties in them and it is recommended that these variables are not changed to allow your applications to use other themes easily. However, in the case of a completely custom application that requires no runtime theming, all the SASS is available for customization.
1+
# Theming with Sass
2+
Sass based theming allows for total control over the CSS generated for all of the Ionic Components; however, this requires a build step. CSS generated will still have CSS properties in them and it is recommended that these variables are not changed to allow your applications to use other themes easily. However, in the case of a completely custom application that requires no runtime theming, all the Sass is available for customization.
33

44
## Colors
5-
SASS variable theming concepts are very similar to that of CSS properties. In its simplest form, a custom theme can be generated by changing colors in the color map. Since most components use the primary color, this is the fastest way to get a custom look.
5+
Sass variable theming concepts are very similar to that of CSS properties. In its simplest form, a custom theme can be generated by changing colors in the color map. Since most components use the primary color, this is the fastest way to get a custom look.
66

77
```sass
88
$colors: (

0 commit comments

Comments
 (0)