Convert Less to plain CSS
This commit is contained in:
parent
c3deb772fc
commit
01a1835521
3 changed files with 8 additions and 31 deletions
1
.gitignore
vendored
1
.gitignore
vendored
|
@ -1,3 +1,4 @@
|
|||
mkht-php.css
|
||||
css/*
|
||||
*.gz
|
||||
*.md
|
||||
|
|
|
@ -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>
|
||||
|
||||
|
|
|
@ -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);
|
||||
}
|
Loading…
Add table
Reference in a new issue