mirror of
https://github.com/He4eT/xecut-site.git
synced 2026-05-05 01:47:25 +00:00
index: en: cleanup
This commit is contained in:
parent
f7cc3f4dc2
commit
e329f4db96
1 changed files with 16 additions and 36 deletions
|
|
@ -8,8 +8,6 @@ indexPage: true
|
||||||
width: calc(18 * var(--step));
|
width: calc(18 * var(--step));
|
||||||
margin-inline: calc(4 * var(--step));
|
margin-inline: calc(4 * var(--step));
|
||||||
margin-block: calc(4 * var(--step));
|
margin-block: calc(4 * var(--step));
|
||||||
/* padding-block-start: calc(8 * var(--step)); */
|
|
||||||
/* padding-block-end: 0; */
|
|
||||||
}
|
}
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
.tower {
|
.tower {
|
||||||
|
|
@ -25,56 +23,41 @@ indexPage: true
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
|
|
||||||
--hero-border: calc(0.5 * var(--step)) solid var(--color-inactive);
|
--hero-border: calc(0.5 * var(--step)) solid var(--color-inactive);
|
||||||
/* border-bottom: var(--hero-border); */
|
|
||||||
/* border-width: calc(1 * var(--step)); */
|
|
||||||
/* outline: calc(1 * var(--step)) solid var(--color-inactive); */
|
|
||||||
|
|
||||||
font-family: Xecut;
|
font-family: Xecut;
|
||||||
/* text-transform: uppercase; */
|
|
||||||
/* font-size: calc(3.5 * var(--step)); */
|
|
||||||
font-size: calc(3 * var(--step));
|
font-size: calc(3 * var(--step));
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero:before {
|
.hero:before {
|
||||||
content: '|||||||||||';
|
|
||||||
content: '';
|
content: '';
|
||||||
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 0;
|
|
||||||
bottom: calc(1 * var(--step));
|
|
||||||
right: 0;
|
|
||||||
height: calc(1 * var(--step));
|
|
||||||
/* height: 50%; */
|
|
||||||
width: 100%;
|
|
||||||
/* width: calc(100 * var(--step)); */
|
|
||||||
border-right: var(--hero-border);
|
|
||||||
border-bottom: var(--hero-border);
|
|
||||||
/* border-width: calc(1 * var(--step)); */
|
|
||||||
/* border-color: var(--color-fg); */
|
|
||||||
z-index: -1;
|
z-index: -1;
|
||||||
/* height: calc(10 * var(--step)); */
|
|
||||||
/* height: 10%; */
|
bottom: calc(1 * var(--step));
|
||||||
/* width: calc(0.5 * var(--step)); */
|
left: 0;
|
||||||
/* width: 10%; */
|
|
||||||
color: var(--color-inactive);
|
height: calc(1 * var(--step));
|
||||||
/* opacity: 0.5; */
|
border-right: var(--hero-border);
|
||||||
|
|
||||||
|
width: 100%;
|
||||||
|
border-bottom: var(--hero-border);
|
||||||
|
|
||||||
}
|
}
|
||||||
.hero:after {
|
.hero:after {
|
||||||
content: '';
|
content: '';
|
||||||
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 10px;
|
|
||||||
top: 0px;
|
|
||||||
right: 0;
|
|
||||||
height: calc(1 * var(--step));
|
|
||||||
/* height: 50%; */
|
|
||||||
width: calc(0.5 * var(--step));
|
|
||||||
width: 100%;
|
|
||||||
border-right: var(--hero-border);
|
|
||||||
border-top: var(--hero-border);
|
|
||||||
/* border-width: calc(1 * var(--step)); */
|
|
||||||
/* border-color: var(--color-fg); */
|
|
||||||
z-index: -1;
|
z-index: -1;
|
||||||
/* background: var(--color-fg); */
|
|
||||||
/* opacity: 0.5; */
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
|
||||||
|
height: calc(1 * var(--step));
|
||||||
|
border-right: var(--hero-border);
|
||||||
|
|
||||||
|
width: 100%;
|
||||||
|
border-top: var(--hero-border);
|
||||||
}
|
}
|
||||||
|
|
||||||
.tags {
|
.tags {
|
||||||
|
|
@ -82,13 +65,11 @@ indexPage: true
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
/* background: var(--color-inactive); */
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.tag {
|
.tag {
|
||||||
/* flex-grow: 1; */
|
/* flex-grow: 1; */
|
||||||
padding: calc(0.25 * var(--step)) calc(1.5 * var(--step));
|
padding: calc(0.25 * var(--step)) calc(1.5 * var(--step));
|
||||||
/* text-align: center; */
|
|
||||||
border: var(--hero-border);
|
border: var(--hero-border);
|
||||||
outline: var(--hero-border);
|
outline: var(--hero-border);
|
||||||
background: var(--color-bg);
|
background: var(--color-bg);
|
||||||
|
|
@ -98,7 +79,6 @@ indexPage: true
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: flex-end;
|
|
||||||
align-items: center;
|
align-items: center;
|
||||||
border: var(--hero-border);
|
border: var(--hero-border);
|
||||||
outline: var(--hero-border);
|
outline: var(--hero-border);
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue