meteoric / ionic-sass Goto Github PK

Hi all,

I want to ask if there is a way to change sass variable on the fly, without having to assign it to a fixed value before runtime. Instead of:

// Change Ionic's `positive` color to Meteor's red color:
$positive: #DE4F4F;

Can we do something like:

$positive: {{color}};

with {{color}} being read from meteor collection.

If anyone has done this before, I appreciate the help!! Thanks in advance!

Unlike the main [data-navbar-container], .bar-header elements included in modals don't make room for the statusbar on iOS. Strange since that should be the case (

I have two links in my popover.
.popover is a bit big, and has a bunch of white space below these other links.
Is there a proper css method you could recommend to adjust to the links heights? Im trying to get ride of all this extra white space. I tried hard coding to height: 80px. but it doesnt look like its adjusting..

Getting the below error message on executing
meteor add meteoric:ionic-sass

Note: added fourseven:scss already

1. Remove dependency on fourseven:scss
2. Update README to include examples for fourseven:scss and arsnebula:sass

When building this on my server, the build fails because of the import error. I'm feeling a bit short on ideas here, anyone else got any?

It seems that the package assets are handled differently in the upcoming meteor 1.2 release.

   While building the application:

   .../app/client/stylesheets/main.sass:20:9:
   Scss compiler error: file to import not found or unreadable:
   .meteor/local/build/programs/server/assets/packages/meteoric_ionic-sass/ionic
   Current dir:
   .../app/client/stylesheets/

I get this error no matter how often I restart.
It seems that meteor does not copy the package anymore to the assets folder here:
.meteor/local/build/programs/server/assets/packages/meteoric_ionic-sass

The meteor upgrade notes mention a new way to specify assets for packages. See here:
https://quip.com/RXFlAk9Rc2xI

Hi all,

I am building a multi-tenant app, one of the requirements is different tenant will have different color scheme (including bar, icon, navigation style, ..). I can do this in a limited way by assigning each tenant a theme (like tenant A using bar-positive, tenant B using bar-energized and so on). That's very limited but better than assigning $positive to one color for all the tenants. I want to ask if anyone has a better idea to implement this?

Another requirement is the ability to change color of navbar to any color on the fly - which we will build a front end with some colorpicker for tenant to customize the UI.

I have been searching but haven't found the solution for this. Is there anyway to change ionic color scheme on the fly?

Thank you so much!

in trying to debug the rendering glitch here
meteoric/meteor-ionic#91

i went through and gradually commented out lines in _ionic.scss
however, it doesn't seem to bear any logic. I can comment includes out and get the game to render, but then adding things back line by line sometimes it will stop working at different points.

it seems like there is either some really complex interplay between elements, or maybe the compiler doesn't actually compile or remove files?

is there a way to use the sass plugin to "force clean" build?

i also tried removing css attributes within the chrome debugger, but wasn't able to find any property that enabled rendering to correct.

this combo will render fine:

@charset "UTF-8";

@import
// // Variables
"stylesheets/mixins",
"stylesheets/variables",

// // Base
"stylesheets/reset",
"stylesheets/scaffolding",
"stylesheets/type",

// Components
// "stylesheets/action-sheet",
// "stylesheets/backdrop",
// "stylesheets/bar",
// "stylesheets/tabs",
// "stylesheets/menu",
// "stylesheets/modal",
// "stylesheets/popover",
// "stylesheets/popup",
// "stylesheets/loading",
// "stylesheets/items",
// "stylesheets/list",
// "stylesheets/badge",
// "stylesheets/slide-box",

// Forms
"stylesheets/form",
"stylesheets/checkbox",
"stylesheets/toggle",
"stylesheets/radio",
"stylesheets/range",
"stylesheets/select",
"stylesheets/progress",

// Buttons
"stylesheets/button",
"stylesheets/button-bar",

// Util
"stylesheets/grid",
"stylesheets/util",
"stylesheets/platform",

// Animations
"stylesheets/animations",
"stylesheets/transitions";

but then adding back the components at some point the renderer will break, but then if i comment out the same components the renderer won't fix itself until some random point.

any other suggestions how to narrow this down?

Hi Nick,
Im trying to style the popover arrow, I can change the background of the arrow, and a small area around the arrow changes color. Is that arrow up an ionic-icon? if so how do you change the colors of those? Do you treat those as a font? I tried color css property in .popover-arrow but no luck.
Thanks for the help.