사용자 지정 대화 상자 만들기/PopUp/Alert in ionic 3

Question

팝업/경고에 CSS/sccs를 적용 할 방법을 찾고있었습니다.
경고 상자를 디자인하고 싶습니다. 은 나를 위해 일한 대답입니다.

Answer 1

우리는 쉽게 찾을 아웃 할 수 있습니다 시스 - 검사 후 팝업에 적용되는 클래스

우리가 적용 할 수있는 우리는 등 많은 클래스 시스 - 대화, 경고 - 래퍼, 경고 머리, 경고 - 제목이 우리의 요구 사항에 따라 클래스.
이 내 작업이

을 달성하기 위해 저를 인도하는 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; 
    } 
    } 
} 

된 직후 관련 SCCS 파일의 코드 아래에 적용