Update style.css

removing code redundancy
This commit is contained in:
Aymen Boughanmi 2023-05-18 15:48:50 +01:00 committed by GitHub
parent 3dd469f1a0
commit 19be5817a9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -1533,76 +1533,44 @@ a {
opacity: 1;
}
.lb1 {
background: url(../images/leftbar-64.png) -1px -2px;
background-image: image-set(url(../images/leftbar-64.png) 1x, url(../images/leftbar-128.png) 2x);
/*groups all buttons repeated code into one block*/
.lbtg{
height: 62px;
width: 62px;
cursor: pointer;
border: none;
position: absolute;
top: 6px;
left: 6px;
left: 6px;
}
.lb1 {
background: url(../images/leftbar-64.png) -1px -2px;
background-image: image-set(url(../images/leftbar-64.png) 1x, url(../images/leftbar-128.png) 2x);
}
.lb2 {
background: url(../images/leftbar-64.png) -66px -2px;
background-image: image-set(url(../images/leftbar-64.png) 1x, url(../images/leftbar-128.png) 2x);
height: 62px;
width: 62px;
cursor: pointer;
border: none;
position: absolute;
top: 6px;
left: 6px;
}
.lb3 {
background: url(../images/leftbar-64.png) -130px -2px;
background-image: image-set(url(../images/leftbar-64.png) 1x, url(../images/leftbar-128.png) 2x);
height: 62px;
width: 62px;
cursor: pointer;
border: none;
position: absolute;
top: 6px;
left: 6px;
}
.lb4 {
background: url(../images/leftbar-64.png) -194px -2px;
background-image: image-set(url(../images/leftbar-64.png) 1x, url(../images/leftbar-128.png) 2x);
height: 62px;
width: 62px;
cursor: pointer;
border: none;
position: absolute;
top: 6px;
left: 6px;
}
.lb5 {
background: url(../images/leftbar-64.png) -257px -2px;
background-image: image-set(url(../images/leftbar-64.png) 1x, url(../images/leftbar-128.png) 2x);
height: 62px;
width: 62px;
cursor: pointer;
border: none;
position: absolute;
top: 6px;
left: 6px;
}
.lb6 {
background: url(../images/leftbar-64.png) -318px -2px;
background-image: image-set(url(../images/leftbar-64.png) 1x, url(../images/leftbar-128.png) 2x);
height: 62px;
width: 62px;
cursor: pointer;
border: none;
position: absolute;
top: 6px;
left: 6px;
}
.m0 {
@ -3278,4 +3246,4 @@ a {
padding: 6px 12px;
border: 1px solid #ccc;
border-top: none;
}
}