.theme-list { position: relative; display: flex; flex-flow: row; margin: 10px; height: 120px; .theme-box{ width: 140px; height:98px; margin-right:10px; border: 1px solid #dddddd; background-size:100% auto; background-repeat: no-repeat; opacity: 0.7; &.default{ background-image: url("../../../../ucap-webmessenger-app/src/assets/images/theme/theme-default.png"); } &.lgRed{ background-image: url("../../../../ucap-webmessenger-app/src/assets/images/theme/theme-lgRed.png"); } &.on{ border:1px solid #333333; opacity: 1; } } }