style.css 968 Bytes
Newer Older
1 2 3 4 5 6 7 8 9
/* 
 * This the CSS for the Shopping List App
 * 
 *
 */

 h1 {
 	font-size: 15px;
 	color: grey;
10 11
 }

12 13 14 15 16 17 18 19 20 21 22 23 24 25
.quantity {
	display: inline-flex;
}


.plusBt {
	background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 2px 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
26 27 28 29 30 31 32 33 34 35 36 37 38 39
    margin: 2px;
    cursor: pointer;
}

.minusBt {
	background-color: #f44336; /* Red */
    border: none;
    color: white;
    padding: 2px 11px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    margin: 0px;
40 41 42 43 44
    cursor: pointer;
}


.checkForPrint {
45 46 47 48
 	display: inline-flex;
 	width: 10px;
 	height: 10px;
 	border-style: solid;
49 50
}

51

52
/* @media section  */
53
@media print  { .noprint  { display: none; } input { display: none; } .plusBt { display: none; } .minusBt { display: none; } }
54
@media screen { .noscreen { display: none; } .checkForPrint { display: none; } }
55