Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
4 changed files
with
312 additions
and
0 deletions.
There are no files selected for viewing
This file contains 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
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,245 @@ | ||
// Components | ||
// -------------------------------------------------- | ||
|
||
@import | ||
"{}/node_modules/ionic-angular/components/action-sheet/action-sheet", | ||
"{}/node_modules/ionic-angular/components/action-sheet/action-sheet.ios", | ||
"{}/node_modules/ionic-angular/components/action-sheet/action-sheet.md", | ||
"{}/node_modules/ionic-angular/components/action-sheet/action-sheet.wp"; | ||
|
||
@import | ||
"{}/node_modules/ionic-angular/components/alert/alert", | ||
"{}/node_modules/ionic-angular/components/alert/alert.ios", | ||
"{}/node_modules/ionic-angular/components/alert/alert.md", | ||
"{}/node_modules/ionic-angular/components/alert/alert.wp"; | ||
|
||
@import | ||
"{}/node_modules/ionic-angular/components/app/app", | ||
"{}/node_modules/ionic-angular/components/app/app.ios", | ||
"{}/node_modules/ionic-angular/components/app/app.md", | ||
"{}/node_modules/ionic-angular/components/app/app.wp"; | ||
|
||
@import | ||
"{}/node_modules/ionic-angular/components/backdrop/backdrop"; | ||
|
||
@import | ||
"{}/node_modules/ionic-angular/components/badge/badge", | ||
"{}/node_modules/ionic-angular/components/badge/badge.ios", | ||
"{}/node_modules/ionic-angular/components/badge/badge.md", | ||
"{}/node_modules/ionic-angular/components/badge/badge.wp"; | ||
|
||
@import | ||
"{}/node_modules/ionic-angular/components/button/button", | ||
"{}/node_modules/ionic-angular/components/button/button-icon", | ||
"{}/node_modules/ionic-angular/components/button/button.ios", | ||
"{}/node_modules/ionic-angular/components/button/button.md", | ||
"{}/node_modules/ionic-angular/components/button/button.wp"; | ||
|
||
@import | ||
"{}/node_modules/ionic-angular/components/card/card", | ||
"{}/node_modules/ionic-angular/components/card/card.ios", | ||
"{}/node_modules/ionic-angular/components/card/card.md", | ||
"{}/node_modules/ionic-angular/components/card/card.wp"; | ||
|
||
@import | ||
"{}/node_modules/ionic-angular/components/checkbox/checkbox.ios", | ||
"{}/node_modules/ionic-angular/components/checkbox/checkbox.md", | ||
"{}/node_modules/ionic-angular/components/checkbox/checkbox.wp"; | ||
|
||
@import | ||
"{}/node_modules/ionic-angular/components/chip/chip", | ||
"{}/node_modules/ionic-angular/components/chip/chip.ios", | ||
"{}/node_modules/ionic-angular/components/chip/chip.md", | ||
"{}/node_modules/ionic-angular/components/chip/chip.wp"; | ||
|
||
@import | ||
"{}/node_modules/ionic-angular/components/content/content", | ||
"{}/node_modules/ionic-angular/components/content/content.ios", | ||
"{}/node_modules/ionic-angular/components/content/content.md", | ||
"{}/node_modules/ionic-angular/components/content/content.wp"; | ||
|
||
@import | ||
"{}/node_modules/ionic-angular/components/datetime/datetime", | ||
"{}/node_modules/ionic-angular/components/datetime/datetime.ios", | ||
"{}/node_modules/ionic-angular/components/datetime/datetime.md", | ||
"{}/node_modules/ionic-angular/components/datetime/datetime.wp"; | ||
|
||
@import | ||
"{}/node_modules/ionic-angular/components/fab/fab", | ||
"{}/node_modules/ionic-angular/components/fab/fab.ios", | ||
"{}/node_modules/ionic-angular/components/fab/fab.md", | ||
"{}/node_modules/ionic-angular/components/fab/fab.wp"; | ||
|
||
@import | ||
"{}/node_modules/ionic-angular/components/grid/grid"; | ||
|
||
@import | ||
"{}/node_modules/ionic-angular/components/icon/icon", | ||
"{}/node_modules/ionic-angular/components/icon/icon.ios", | ||
"{}/node_modules/ionic-angular/components/icon/icon.md", | ||
"{}/node_modules/ionic-angular/components/icon/icon.wp"; | ||
|
||
@import | ||
"{}/node_modules/ionic-angular/components/img/img"; | ||
|
||
@import | ||
"{}/node_modules/ionic-angular/components/infinite-scroll/infinite-scroll"; | ||
|
||
@import | ||
"{}/node_modules/ionic-angular/components/input/input", | ||
"{}/node_modules/ionic-angular/components/input/input.ios", | ||
"{}/node_modules/ionic-angular/components/input/input.md", | ||
"{}/node_modules/ionic-angular/components/input/input.wp"; | ||
|
||
@import | ||
"{}/node_modules/ionic-angular/components/item/item", | ||
"{}/node_modules/ionic-angular/components/item/item-media", | ||
"{}/node_modules/ionic-angular/components/item/item-reorder", | ||
"{}/node_modules/ionic-angular/components/item/item-sliding", | ||
"{}/node_modules/ionic-angular/components/item/item.ios", | ||
"{}/node_modules/ionic-angular/components/item/item.md", | ||
"{}/node_modules/ionic-angular/components/item/item.wp"; | ||
|
||
@import | ||
"{}/node_modules/ionic-angular/components/label/label", | ||
"{}/node_modules/ionic-angular/components/label/label.ios", | ||
"{}/node_modules/ionic-angular/components/label/label.md", | ||
"{}/node_modules/ionic-angular/components/label/label.wp"; | ||
|
||
@import | ||
"{}/node_modules/ionic-angular/components/list/list", | ||
"{}/node_modules/ionic-angular/components/list/list.ios", | ||
"{}/node_modules/ionic-angular/components/list/list.md", | ||
"{}/node_modules/ionic-angular/components/list/list.wp"; | ||
|
||
@import | ||
"{}/node_modules/ionic-angular/components/loading/loading", | ||
"{}/node_modules/ionic-angular/components/loading/loading.ios", | ||
"{}/node_modules/ionic-angular/components/loading/loading.md", | ||
"{}/node_modules/ionic-angular/components/loading/loading.wp"; | ||
|
||
@import | ||
"{}/node_modules/ionic-angular/components/menu/menu", | ||
"{}/node_modules/ionic-angular/components/menu/menu.ios", | ||
"{}/node_modules/ionic-angular/components/menu/menu.md", | ||
"{}/node_modules/ionic-angular/components/menu/menu.wp"; | ||
|
||
@import | ||
"{}/node_modules/ionic-angular/components/modal/modal", | ||
"{}/node_modules/ionic-angular/components/modal/modal.ios", | ||
"{}/node_modules/ionic-angular/components/modal/modal.md", | ||
"{}/node_modules/ionic-angular/components/modal/modal.wp"; | ||
|
||
@import | ||
"{}/node_modules/ionic-angular/components/note/note.ios", | ||
"{}/node_modules/ionic-angular/components/note/note.md", | ||
"{}/node_modules/ionic-angular/components/note/note.wp"; | ||
|
||
@import | ||
"{}/node_modules/ionic-angular/components/picker/picker", | ||
"{}/node_modules/ionic-angular/components/picker/picker.ios", | ||
"{}/node_modules/ionic-angular/components/picker/picker.md", | ||
"{}/node_modules/ionic-angular/components/picker/picker.wp"; | ||
|
||
@import | ||
"{}/node_modules/ionic-angular/components/popover/popover", | ||
"{}/node_modules/ionic-angular/components/popover/popover.ios", | ||
"{}/node_modules/ionic-angular/components/popover/popover.md", | ||
"{}/node_modules/ionic-angular/components/popover/popover.wp"; | ||
|
||
@import | ||
"{}/node_modules/ionic-angular/components/radio/radio.ios", | ||
"{}/node_modules/ionic-angular/components/radio/radio.md", | ||
"{}/node_modules/ionic-angular/components/radio/radio.wp"; | ||
|
||
@import | ||
"{}/node_modules/ionic-angular/components/range/range", | ||
"{}/node_modules/ionic-angular/components/range/range.ios", | ||
"{}/node_modules/ionic-angular/components/range/range.md", | ||
"{}/node_modules/ionic-angular/components/range/range.wp"; | ||
|
||
@import | ||
"{}/node_modules/ionic-angular/components/refresher/refresher"; | ||
|
||
@import | ||
"{}/node_modules/ionic-angular/components/scroll/scroll"; | ||
|
||
@import | ||
"{}/node_modules/ionic-angular/components/searchbar/searchbar", | ||
"{}/node_modules/ionic-angular/components/searchbar/searchbar.ios", | ||
"{}/node_modules/ionic-angular/components/searchbar/searchbar.md", | ||
"{}/node_modules/ionic-angular/components/searchbar/searchbar.wp"; | ||
|
||
@import | ||
"{}/node_modules/ionic-angular/components/segment/segment", | ||
"{}/node_modules/ionic-angular/components/segment/segment.ios", | ||
"{}/node_modules/ionic-angular/components/segment/segment.md", | ||
"{}/node_modules/ionic-angular/components/segment/segment.wp"; | ||
|
||
@import | ||
"{}/node_modules/ionic-angular/components/select/select", | ||
"{}/node_modules/ionic-angular/components/select/select.ios", | ||
"{}/node_modules/ionic-angular/components/select/select.md", | ||
"{}/node_modules/ionic-angular/components/select/select.wp"; | ||
|
||
@import | ||
"{}/node_modules/ionic-angular/components/show-hide-when/show-hide-when"; | ||
|
||
@import | ||
"{}/node_modules/ionic-angular/components/slides/slides"; | ||
|
||
@import | ||
"{}/node_modules/ionic-angular/components/spinner/spinner", | ||
"{}/node_modules/ionic-angular/components/spinner/spinner.ios", | ||
"{}/node_modules/ionic-angular/components/spinner/spinner.md", | ||
"{}/node_modules/ionic-angular/components/spinner/spinner.wp"; | ||
|
||
@import | ||
"{}/node_modules/ionic-angular/components/tabs/tabs", | ||
"{}/node_modules/ionic-angular/components/tabs/tabs.ios", | ||
"{}/node_modules/ionic-angular/components/tabs/tabs.md", | ||
"{}/node_modules/ionic-angular/components/tabs/tabs.wp"; | ||
|
||
@import | ||
"{}/node_modules/ionic-angular/components/toast/toast", | ||
"{}/node_modules/ionic-angular/components/toast/toast.ios", | ||
"{}/node_modules/ionic-angular/components/toast/toast.md", | ||
"{}/node_modules/ionic-angular/components/toast/toast.wp"; | ||
|
||
@import | ||
"{}/node_modules/ionic-angular/components/toggle/toggle.ios", | ||
"{}/node_modules/ionic-angular/components/toggle/toggle.md", | ||
"{}/node_modules/ionic-angular/components/toggle/toggle.wp"; | ||
|
||
@import | ||
"{}/node_modules/ionic-angular/components/toolbar/toolbar", | ||
"{}/node_modules/ionic-angular/components/toolbar/toolbar-button", | ||
"{}/node_modules/ionic-angular/components/toolbar/toolbar.ios", | ||
"{}/node_modules/ionic-angular/components/toolbar/toolbar.md", | ||
"{}/node_modules/ionic-angular/components/toolbar/toolbar.wp"; | ||
|
||
@import | ||
"{}/node_modules/ionic-angular/components/typography/typography", | ||
"{}/node_modules/ionic-angular/components/typography/typography.ios", | ||
"{}/node_modules/ionic-angular/components/typography/typography.md", | ||
"{}/node_modules/ionic-angular/components/typography/typography.wp"; | ||
|
||
@import | ||
"{}/node_modules/ionic-angular/components/virtual-scroll/virtual-scroll"; | ||
|
||
|
||
// Platforms | ||
// -------------------------------------------------- | ||
@import | ||
"{}/node_modules/ionic-angular/platform/cordova", | ||
"{}/node_modules/ionic-angular/platform/cordova.ios", | ||
"{}/node_modules/ionic-angular/platform/cordova.md", | ||
"{}/node_modules/ionic-angular/platform/cordova.wp"; | ||
|
||
|
||
// Fonts | ||
// -------------------------------------------------- | ||
@import | ||
"ionicons", | ||
"{}/node_modules/ionic-angular/fonts/noto-sans", | ||
"{}/node_modules/ionic-angular/fonts/roboto"; |
This file contains 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
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,34 @@ | ||
// Ionicons Icon Font CSS | ||
// -------------------------- | ||
// Ionicons CSS for Ionic's <ion-icon> element | ||
// ionicons-icons.scss has the icons and their unicode characters | ||
|
||
$ionicons-font-path: $font-path !default; | ||
|
||
@import "{}/node_modules/ionicons/dist/scss/ionicons-icons"; | ||
@import "{}/node_modules/ionicons/dist/scss/ionicons-variables"; | ||
|
||
|
||
@font-face { | ||
font-family: "Ionicons"; | ||
src: url("#{$ionicons-font-path}/ionicons.woff2?v=#{$ionicons-version}") format("woff2"), | ||
url("#{$ionicons-font-path}/ionicons.woff?v=#{$ionicons-version}") format("woff"), | ||
url("#{$ionicons-font-path}/ionicons.ttf?v=#{$ionicons-version}") format("truetype"); | ||
font-weight: normal; | ||
font-style: normal; | ||
} | ||
|
||
ion-icon { | ||
display: inline-block; | ||
|
||
font-family: "Ionicons"; | ||
-moz-osx-font-smoothing: grayscale; | ||
-webkit-font-smoothing: antialiased; | ||
font-style: normal; | ||
font-variant: normal; | ||
font-weight: normal; | ||
line-height: 1; | ||
text-rendering: auto; | ||
text-transform: none; | ||
speak: none; | ||
} |
This file contains 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
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,30 @@ | ||
// Named Color Variables | ||
// -------------------------------------------------- | ||
// Named colors makes it easy to reuse colors on various components. | ||
// It's highly recommended to change the default colors | ||
// to match your app's branding. Ionic uses a Sass map of | ||
// colors so you can add, rename and remove colors as needed. | ||
// The "primary" color is the only required color in the map. | ||
|
||
$colors: ( | ||
primary: #387ef5, | ||
secondary: #32db64, | ||
danger: #f53d3d, | ||
light: #f4f4f4, | ||
dark: #222 | ||
); | ||
|
||
// Components | ||
// -------------------------------------------------- | ||
|
||
@import "components"; | ||
|
||
|
||
// App Theme | ||
// -------------------------------------------------- | ||
// Ionic apps can have different themes applied, which can | ||
// then be future customized. This import comes last | ||
// so that the above variables are used and Ionic's | ||
// default are overridden. | ||
|
||
@import "{}/node_modules/ionic-angular/themes/ionic.theme.default"; |
This file contains 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
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,2 +1,5 @@ | ||
// Theme | ||
@import "imports/theme/variables"; | ||
|
||
// App | ||
@import "imports/app/app"; |
da6ccca
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
when I run the project it would complaint about the typography not found. Does anyone know of a fix?
While processing files with angular2-compilers (for target web.browser):
/client/main.scss: Scss compiler error: File to import: {}/node_modules/ionic-angular/components/typography/typography not found
in file: components
da6ccca
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Hi,
Looks like
components/typography/typography.scss
file has been removed from ionic2 on Feb 13 (ionic-team/ionic-framework@f47d492)da6ccca
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
That means that we need to remove the reference to "typography" in
client/imports/theme/components.scss
.da6ccca
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Does anyone know if this tutorial still work properly with the latest meteor 1.4? I have to try this tutorial again because a couple of weeks ago i was having problem running this tutorial on an ios simulator