Antopie/antopie
Antopie
/
antopie
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Convert Less to plain CSS

This commit is contained in:
Miraty 2023-05-31 02:41:50 +02:00
parent c3deb772fc
commit 01a1835521
3 changed files with 8 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored
View File

@ -1,3 +1,4 @@
mkht-php.css
css/*
*.gz
*.md

4
src/index.md
View File

@ -257,11 +257,11 @@ foreach($descService as $codeService => $descService) { ?>
</div>
<?php if (isset($aboutService[$codeService])) { ?>
<div>
<a class="smallButton" href="<?= $aboutService[$codeService] ?>">Présentation</span></a>
<a class="small-button" href="<?= $aboutService[$codeService] ?>">Présentation</span></a>
</div>
<?php } ?>
<div>
<a class="smallButton action" href="<?= $urlService[$codeService]; ?><?php if ($codeService == 'synapse') { echo '/_matrix/static/'; } ?>"><?php echo $actionService[$codeService]; ?></a>
<a class="small-button action" href="<?= $urlService[$codeService]; ?><?php if ($codeService == 'synapse') { echo '/_matrix/static/'; } ?>"><?php echo $actionService[$codeService]; ?></a>
</div>
</div>

34
style.less → style.css
View File

@ -1,30 +1,10 @@
.grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-template-columns: repeat(auto-fill, minmax(max(350px, calc((100% - (30px * 5)) / 6)), 1fr));
grid-gap: 30px;
@media (min-width: 2500px) {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
@media (min-width: 3000px) {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
@media (max-width: 1500px) {
grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 1000px) {
grid-template-columns: 1fr 1fr;
}
@media (max-width: 600px) {
grid-template-columns: 1fr;
}
}
// Add a white shadow to dark images to get enough contrast with dark theme
/* Add a white shadow to dark images to get enough contrast with dark theme */
img[src="img/logos/searx.webp"], img[src="img/logos/peertube.webp"] {
filter: drop-shadow(1px 1px 0 white)
drop-shadow(-1px -1px 0 white)
@ -72,7 +52,8 @@ img[src="img/logos/searx.webp"], img[src="img/logos/peertube.webp"] {
}
.row {
.centered();
text-align: center;
justify-content: center;
display: flex;
flex-direction: row;
flex-wrap: wrap;
@ -100,10 +81,5 @@ h1.titreService {
.antopie {
font-weight: 500;
@media @light {
color: red;
}
@media @dark {
color: #ff1e00;
}
color: var(--main-color);
}