refactor: streamline button styles and improve consistency in style.scss
This commit is contained in:
parent
1a9cb24e6e
commit
613b8eebe8
|
@ -7,6 +7,13 @@
|
||||||
user-select: none;
|
user-select: none;
|
||||||
color: var(--main-color);
|
color: var(--main-color);
|
||||||
|
|
||||||
|
button {
|
||||||
|
border: none;
|
||||||
|
background: none;
|
||||||
|
cursor: pointer;
|
||||||
|
color: var(--main-color);
|
||||||
|
}
|
||||||
|
|
||||||
.header {
|
.header {
|
||||||
padding: 0.75rem;
|
padding: 0.75rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -15,8 +22,6 @@
|
||||||
border-bottom: 1px solid #e0e0e0;
|
border-bottom: 1px solid #e0e0e0;
|
||||||
|
|
||||||
button {
|
button {
|
||||||
border: none;
|
|
||||||
background: none;
|
|
||||||
img {
|
img {
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
@ -40,13 +45,8 @@
|
||||||
.item.day-indicator {
|
.item.day-indicator {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
}
|
}
|
||||||
button.item {
|
|
||||||
border: none;
|
button.item.date {
|
||||||
background: none;
|
|
||||||
cursor: pointer;
|
|
||||||
color: var(--main-color);
|
|
||||||
}
|
|
||||||
button.item.date{
|
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
position: relative;
|
position: relative;
|
||||||
&.extra-month {
|
&.extra-month {
|
||||||
|
@ -55,7 +55,7 @@
|
||||||
&:hover {
|
&:hover {
|
||||||
background: var(--hover-color);
|
background: var(--hover-color);
|
||||||
}
|
}
|
||||||
.today-indicator{
|
.today-indicator {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 0.25rem;
|
bottom: 0.25rem;
|
||||||
width: 0.25rem;
|
width: 0.25rem;
|
||||||
|
@ -67,6 +67,5 @@
|
||||||
color: var(--reversed-color);
|
color: var(--reversed-color);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue
Block a user