Complex list with custom class


#1

Hi,

I have to create a custom list with complex item (containing wheels, accordeon menu and others components).
So I create the simple code:

<ion-header-bar></ion-header-bar>
<ion-content>
    <div class="myclass" ng-repeat="bloc in [1,2,3,4]">
      <h3>bloc {{bloc}}</h3>
      ...
    </div>
</ion-content>

but myclass has no effect on the bloc. Any idea on why it has no effect ?
Here is myclass:

.myclass {
	margin: 50px !important;
	margin: 0 auto !important;
	padding: 0 10% 0 10% !important;
	min-height: 300px !important;
	min-width: 70% !important;
	border: 1px solid #CCC;
	border-radius: 25px !important;
	background-color: white !important;
	text-align: center !important;
	h3 {
		font-size: 32pt;
		font-weight: bold;
		color: white;
	}
}

I tried with and without !important with no change.
I don’t want to use list and item class, as their behavior is very different than I want.

Thanks in advance !


#2

Ok I’m confused, I forgot to run sass command to update my css, hum… need more coffee !