カスタムダイアログボックス/ PopUp/Alert in ionicを作成する3

Question

ポップアップ/警告にcss/sccsを適用する方法を探していました。
私のアラートボックスを設計したいと思っています。は私のために働いた回答です。

Answer 1

我々は簡単に見つけるアウトすることができますAS-検査した後、ポップアップに適用されたクラス

我々は適用することができます私たちは、など多くのクラスしたままのダイアログ、アラートのラッパー、アラート頭、アラートのタイトルを持っています私たちの要件に応じてクラス。
これは私のタスクは

を達成するために私をリード linkある

/*for popup*/ 
ion-alert { 

    &.alert-warning { 
    .alert-head { 
     background: map-get($colors, warning); 
     color: #fff; 
     margin-bottom: 10px; 
    } 
    } 
    &.alert-danger { 
    .alert-title { 
     background: map-get($colors, #000); 
     color: #000; 
     font-size: 30px !important; 
     font-family: times-new-roman; 
     /*margin-bottom: 10px;*/ 
    } 
    .alert-message { 
     color: #000; 
     font-size: 23px; 
     font-family: monospace;; 
    } 
     .alert-wrapper { 
     background-color: #skumar 
     background-size: 200% 300%; 
     } 
     .button-inner { 
     color: #000; 
     } 
    } 
    &.alert-success { 
    .alert-head { 
     background: map-get($colors, success); 
     color: #fff; 
     margin-bottom: 10px; 
    } 
    } 
} 

AS-関連SCCSファイル内のコードの下に適用します