Different checkbox size for mobile

main
Bob Mottram 2020-07-04 11:12:14 +01:00
parent 4266446e2a
commit adba305021
2 changed files with 40 additions and 22 deletions

View File

@ -171,17 +171,6 @@ input[type=text] {
width: 15%;
}
input[type=checkbox]
{
-ms-transform: scale(2);
-moz-transform: scale(2);
-webkit-transform: scale(2);
-o-transform: scale(2);
transform: scale(2);
padding: 10px;
margin: 20px 30px;
}
@media screen and (min-width: 400px) {
.hashtagswarm {
font-size: var(--hashtag-size1);
@ -217,6 +206,16 @@ input[type=checkbox]
cursor: pointer;
margin: 30px;
}
input[type=checkbox]
{
-ms-transform: scale(2);
-moz-transform: scale(2);
-webkit-transform: scale(2);
-o-transform: scale(2);
transform: scale(2);
padding: 10px;
margin: 20px 30px;
}
}
@media screen and (max-width: 1000px) {
@ -254,4 +253,14 @@ input[type=checkbox]
cursor: pointer;
margin: 30px;
}
input[type=checkbox]
{
-ms-transform: scale(4);
-moz-transform: scale(4);
-webkit-transform: scale(4);
-o-transform: scale(4);
transform: scale(4);
padding: 10px;
margin: 20px 30px;
}
}

View File

@ -588,17 +588,6 @@ input[type=submit]:hover {
/* Show the dropdown menu on hover */
.show {display: block;}
input[type=checkbox]
{
-ms-transform: scale(2);
-moz-transform: scale(2);
-webkit-transform: scale(2);
-o-transform: scale(2);
transform: scale(2);
padding: 10px;
margin: 20px 30px;
}
.slider {
-webkit-appearance: none;
width: 57%;
@ -1244,6 +1233,16 @@ aside .toggle-inside li {
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
input[type=checkbox]
{
-ms-transform: scale(2);
-moz-transform: scale(2);
-webkit-transform: scale(2);
-o-transform: scale(2);
transform: scale(2);
padding: 10px;
margin: 20px 30px;
}
}
@media screen and (min-width: 2200px) {
@ -1636,4 +1635,14 @@ aside .toggle-inside li {
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
input[type=checkbox]
{
-ms-transform: scale(4);
-moz-transform: scale(4);
-webkit-transform: scale(4);
-o-transform: scale(4);
transform: scale(4);
padding: 10px;
margin: 20px 30px;
}
}