Update style.css
removing code redundancy
Aymen Boughanmi committed
May 18, 2023 at 15:48 UTC
19be5817a96422aaff0c6dc23bef622aedc4bb22
1 file changed
+8
-40
public/styles/style.css
+8
-40
@@ -1533,76 +1533,44 @@ a {
1533
opacity: 1;
1534
}
1535
1536
-.lb1 {
1537
- background: url(../images/leftbar-64.png) -1px -2px;
1538
- background-image: image-set(url(../images/leftbar-64.png) 1x, url(../images/leftbar-128.png) 2x);
1536
+/*groups all buttons repeated code into one block*/
1537
+.lbtg{
1538
height: 62px;
1539
width: 62px;
1540
cursor: pointer;
1541
border: none;
1542
position: absolute;
1543
top: 6px;
1545
- left: 6px;
1544
+ left: 6px;
1545
+}
1546
+.lb1 {
1547
+ background: url(../images/leftbar-64.png) -1px -2px;
1548
+ background-image: image-set(url(../images/leftbar-64.png) 1x, url(../images/leftbar-128.png) 2x);
1549
}
1550
1551
.lb2 {
1552
background: url(../images/leftbar-64.png) -66px -2px;
1553
background-image: image-set(url(../images/leftbar-64.png) 1x, url(../images/leftbar-128.png) 2x);
1551
- height: 62px;
1552
- width: 62px;
1553
- cursor: pointer;
1554
- border: none;
1555
- position: absolute;
1556
- top: 6px;
1557
- left: 6px;
1554
}
1555
1556
.lb3 {
1557
background: url(../images/leftbar-64.png) -130px -2px;
1558
background-image: image-set(url(../images/leftbar-64.png) 1x, url(../images/leftbar-128.png) 2x);
1563
- height: 62px;
1564
- width: 62px;
1565
- cursor: pointer;
1566
- border: none;
1567
- position: absolute;
1568
- top: 6px;
1569
- left: 6px;
1559
}
1560
1561
.lb4 {
1562
background: url(../images/leftbar-64.png) -194px -2px;
1563
background-image: image-set(url(../images/leftbar-64.png) 1x, url(../images/leftbar-128.png) 2x);
1575
- height: 62px;
1576
- width: 62px;
1577
- cursor: pointer;
1578
- border: none;
1579
- position: absolute;
1580
- top: 6px;
1581
- left: 6px;
1564
}
1565
1566
.lb5 {
1567
background: url(../images/leftbar-64.png) -257px -2px;
1568
background-image: image-set(url(../images/leftbar-64.png) 1x, url(../images/leftbar-128.png) 2x);
1587
- height: 62px;
1588
- width: 62px;
1589
- cursor: pointer;
1590
- border: none;
1591
- position: absolute;
1592
- top: 6px;
1593
- left: 6px;
1569
}
1570
1571
.lb6 {
1572
background: url(../images/leftbar-64.png) -318px -2px;
1573
background-image: image-set(url(../images/leftbar-64.png) 1x, url(../images/leftbar-128.png) 2x);
1599
- height: 62px;
1600
- width: 62px;
1601
- cursor: pointer;
1602
- border: none;
1603
- position: absolute;
1604
- top: 6px;
1605
- left: 6px;
1574
}
1575
1576
.m0 {
@@ -3278,4 +3246,4 @@ a {
3246
padding: 6px 12px;
3247
border: 1px solid #ccc;
3248
border-top: none;
3281
-}
\ No newline at end of file
3249
+}