Indent using tabs
This commit is contained in:
parent
84b2013d72
commit
f21a630f13
59
style.less
59
style.less
|
@ -3,43 +3,42 @@
|
||||||
grid-template-columns: 1fr 1fr 1fr 1fr;
|
grid-template-columns: 1fr 1fr 1fr 1fr;
|
||||||
grid-gap: 30px;
|
grid-gap: 30px;
|
||||||
|
|
||||||
@media (min-width: 2500px) {
|
@media (min-width: 2500px) {
|
||||||
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
|
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 3000px) {
|
@media (min-width: 3000px) {
|
||||||
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
|
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 1500px) {
|
@media (max-width: 1500px) {
|
||||||
grid-template-columns: 1fr 1fr 1fr;
|
grid-template-columns: 1fr 1fr 1fr;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 1000px) {
|
@media (max-width: 1000px) {
|
||||||
grid-template-columns: 1fr 1fr;
|
grid-template-columns: 1fr 1fr;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 600px) {
|
@media (max-width: 600px) {
|
||||||
grid-template-columns: 1fr;
|
grid-template-columns: 1fr;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// Add a white shadow to dark images to get enought 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"] {
|
img[src="img/logos/searx.webp"], img[src="img/logos/peertube.webp"] {
|
||||||
filter: drop-shadow(1px 1px 0 white)
|
filter: drop-shadow(1px 1px 0 white)
|
||||||
drop-shadow(-1px -1px 0 white)
|
drop-shadow(-1px -1px 0 white)
|
||||||
drop-shadow(-1px 1px 0 white)
|
drop-shadow(-1px 1px 0 white)
|
||||||
drop-shadow(1px -1px 0 white);
|
drop-shadow(1px -1px 0 white);
|
||||||
}
|
}
|
||||||
|
|
||||||
.action::before {
|
.action::before {
|
||||||
content: "➡ ";
|
content: "➡ ";
|
||||||
}
|
}
|
||||||
|
|
||||||
.metaService {
|
.metaService {
|
||||||
margin: 6px;
|
margin: 6px;
|
||||||
margin-bottom: 0px;
|
margin-bottom: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.descService {
|
.descService {
|
||||||
|
@ -75,7 +74,7 @@ img[src="img/logos/searx.webp"], img[src="img/logos/peertube.webp"] {
|
||||||
.row {
|
.row {
|
||||||
.centered();
|
.centered();
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -92,19 +91,19 @@ small {
|
||||||
}
|
}
|
||||||
|
|
||||||
h1.titreService {
|
h1.titreService {
|
||||||
font-size: 1.3em;
|
font-size: 1.3em;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
padding-bottom: 0px;
|
padding-bottom: 0px;
|
||||||
padding-top: 0px;
|
padding-top: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.antopie {
|
.antopie {
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
@media @light {
|
@media @light {
|
||||||
color: red;
|
color: red;
|
||||||
}
|
}
|
||||||
@media @dark {
|
@media @dark {
|
||||||
color: #ff1e00;
|
color: #ff1e00;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue