theme-compiler/tests/resources/automatic/scss/media.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

@mixin media-settings {
	@media screen { 
		.v-view {
        	overflow: visible;
		}  
		@content;
	}
}

@include media-settings {
  	.details {
		font: {
			size : 1pt;
			weight: bold;
		}
	}
	
	width:100%;
}


@media screen and (max-width: 480px) {
  .abc {
    background: red;
  }
}