イオンカードの側面から間隔を取り除いて

Question

私のイオンカードの側面から間隔を取り除き、それらを100％幅にしようとしています。今まで私が想像することができたすべてを試しましたが、carrdsは100％の幅に設定することを拒否しました。これは、これまでの私のコードです：

<ion-content class="Content"> 

<ion-card *ngFor='let rest of modifiedData' (click)="itemSelected(rest.PushPage)" > 
    <img src={{rest.image}}/> 
    <ion-card-content> 
    <ion-card-title> 
    <h1>{{rest.name}}</h1> 
     </ion-card-title> 
    <p>{{rest.text}}</p> 
    </ion-card-content> 
</ion-card> 


    <!-- floating button for maps page --> 
    <ion-fab right bottom > 
    <button ion-fab color="frosted" (click)="Locations()" mini><ion-icon name="pin"></ion-icon></button> 
</ion-fab> 
</ion-content> 

そして、私のCSS：すべてのヘルプは大歓迎

page-content { 

    .scroll-content { 
     padding-top: 0 !important; 
    } 

    .main-content { 
     background-color: (darkish); 
     box-shadow: 0px -1px 13px 1px rgba(0,0,0,0.3); 
    } 
    ion-card { 
     background-color: #fff; 
     width: 100%; 
     margin: 0; 
     margin-bottom: 25px; 
     position: relative; 
    } 


    ion-item { 
     background-color: #fff; 
    } 
} 

！

Answer 1

これは、Ionic APIのドキュメントで提供されている変数sassをオーバーライドすることで実行できます。 app.scssまたはtheme/variables.scssファイルにコードを配置して、グローバルな効果が得られるようにすることができます。以下のようなものが動作するはずです。 Windowsの携帯電話用のAndroid

$card-md-margin-left: 0; 
$card-md-margin-right: 0; 

用のiOS

$card-ios-margin-left: 0; 
$card-ios-margin-right: 0; 

については

1. $card-wp-margin-left: 0; 
   $card-wp-margin-right: 0;