Skip to content

Commit 1880f7c

Browse files
Made ToolBar Icons Responsive (#4356)
1 parent 0427716 commit 1880f7c

File tree

1 file changed

+7
-11
lines changed

1 file changed

+7
-11
lines changed

lib/materialize-iso.css

Lines changed: 7 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -3370,7 +3370,7 @@ i.left {
33703370
}
33713371

33723372
.materialize-iso nav .aux i.material-icons {
3373-
font-size: 32px;
3373+
font-size: 48px;
33743374
position: relative;
33753375
margin: 0;
33763376
padding: 0;
@@ -3382,14 +3382,12 @@ i.left {
33823382
display: none;
33833383
}
33843384
.materialize-iso nav i.material-icons {
3385-
font-size: 28px;
33863385
position: relative;
33873386
margin: 0;
33883387
padding: 0;
33893388
}
33903389

33913390
.materialize-iso nav .aux i.material-icons {
3392-
font-size: 23px;
33933391
position: relative;
33943392
margin: 0;
33953393
padding: 0;
@@ -3401,14 +3399,14 @@ i.left {
34013399
display: none;
34023400
}
34033401
.materialize-iso nav .main i.material-icons {
3404-
font-size: 26px;
3402+
font-size: 5.3vw;
34053403
position: relative;
34063404
margin: 0;
34073405
padding: 0;
34083406
}
34093407

34103408
.materialize-iso nav .aux i.material-icons {
3411-
font-size: 23px;
3409+
font-size: 5.3vw;
34123410
position: relative;
34133411
margin: 0;
34143412
padding: 0;
@@ -3421,14 +3419,12 @@ i.left {
34213419
}
34223420

34233421
.materialize-iso nav .main i.material-icons {
3424-
width: 20px;
34253422
position: relative;
34263423
margin: 0;
34273424
padding: 0;
34283425
}
34293426

34303427
.materialize-iso nav .aux i.material-icons{
3431-
width: 10px;
34323428
position: relative;
34333429
margin: 0;
34343430
padding: 0;
@@ -3442,18 +3438,18 @@ i.left {
34423438
}
34433439

34443440
.materialize-iso nav .main i.material-icons {
3445-
font-size: 20px;
3441+
font-size: 7.5vw;
34463442
position: relative;
34473443
margin-left: -8px;
34483444
margin-right: -8px;
34493445
padding: 0px;
34503446
}
34513447

34523448
.materialize-iso nav .aux i.material-icons {
3453-
font-size: 17px;
3449+
font-size: 7.5vw;
34543450
position: relative;
3455-
margin-left: -7.5px;
3456-
margin-right: -7.5px;
3451+
margin-left: -8px;
3452+
margin-right: -8px;
34573453
padding: 0px;
34583454
}
34593455
}

0 commit comments

Comments
 (0)