f7b7db4ed7a119b77264b354abcb76e84fa514e2
FAQ/bootstrap-namespacing.md
| ... | ... | @@ -1,11 +1,9 @@ |
| 1 | 1 | #Namespace Izenda's Bootstrap Classes to Avoid Conflicts |
| 2 | 2 | |
| 3 | -**Under Construction** |
|
| 4 | - |
|
| 5 | -[[TOC]] |
|
| 3 | +[[_TOC_]] |
|
| 6 | 4 | |
| 7 | 5 | ##Introduction |
| 8 | -You will need a CSS pre-processor (SASS or LESS) to accomplish this. |
|
| 6 | +If your application uses Bootstrap, and you integrate Izenda to use your own master/layout pages, you may need to separate Izenda's Bootstrap classes to avoid CSS conflicts with your own. You will need a CSS pre-processor (SASS or LESS) to accomplish this; both are available in Visual Studio and support namespacing. |
|
| 9 | 7 | |
| 10 | 8 | ##Using SASS |
| 11 | 9 | **Step 1 >> To avoid having to change several references throughout the applicaiton, rename main.css (for example, main-no-namespace.css).** |
| ... | ... | @@ -27,3 +25,10 @@ You will need a CSS pre-processor (SASS or LESS) to accomplish this. |
| 27 | 25 |  |
| 28 | 26 | |
| 29 | 27 | ##Using LESS |
| 28 | + |
|
| 29 | +LESS uses the same method as SASS for namespacing, but with slightly different syntax for importing in newer versions: |
|
| 30 | + |
|
| 31 | +```css |
|
| 32 | +.izenda-bs { |
|
| 33 | + @import (less) url("main-no-namespace.css"); |
|
| 34 | +} |