hak8or/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Who needs float when you can flex

Browse Source
This commit is contained in:
daudix
2024-09-23 01:11:51 +03:00
parent ba575ea81c
commit d4375dbcb4
4 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
sass/_buttons.scss
View File

@ -2,7 +2,6 @@
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: baseline;
margin-block-start: 4rem;
}

6
sass/_pre-container.scss
View File

@ -5,6 +5,9 @@
.header {
--shimmer: rgb(from var(--accent-color) r g b / calc(var(--color-opacity) * 2));
display: flex;
justify-content: space-between;
align-items: center;
border-radius: var(--rounded-corner) var(--rounded-corner) 0 0;
background-image: linear-gradient(to right, var(--fg-muted-1) 50%, var(--shimmer) 75%, var(--fg-muted-1) 100%);
background-size: 200%;
@ -12,14 +15,13 @@
height: 2.5rem;
span {
vertical-align: middle;
margin-inline-start: 0.75rem;
color: var(--fg-muted-5);
font-weight: bold;
line-height: 1;
}
button {
float: inline-end;
appearance: none;
transition: var(--transition);
cursor: pointer;