scss: introduce $zebra-color (#78076)
gitea/publik-base-theme/pipeline/head There was a failure building this commit
Details
gitea/publik-base-theme/pipeline/head There was a failure building this commit
Details
This commit is contained in:
parent
ed66887686
commit
6162ffb498
|
@ -151,6 +151,11 @@ paramètre, la deuxième sa description et la troisième la valeur par défaut.
|
||||||
<td><p>Espace (« gouttière ») entre les éléments disposés en grille.</p></td>
|
<td><p>Espace (« gouttière ») entre les éléments disposés en grille.</p></td>
|
||||||
<td><p><var>1rem</var></p></td>
|
<td><p><var>1rem</var></p></td>
|
||||||
</tr>
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><p><code>$zebra-color</code></p></td>
|
||||||
|
<td><p>Couleur d'arrière-plan par défaut des zebras</p></td>
|
||||||
|
<td><p><var>hsla(0, 0%, 0%, 0.06)</var></p></td>
|
||||||
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|
|
@ -9,6 +9,7 @@ $link-color: #028 !default;
|
||||||
$link-decoration: none !default;
|
$link-decoration: none !default;
|
||||||
$link-hover-decoration: underline !default;
|
$link-hover-decoration: underline !default;
|
||||||
$body-background: white !default;
|
$body-background: white !default;
|
||||||
|
$zebra-color: hsla(0, 0%, 0%, 0.06) !default;
|
||||||
|
|
||||||
html {
|
html {
|
||||||
font-family: $font-family;
|
font-family: $font-family;
|
||||||
|
|
|
@ -537,7 +537,7 @@ div#user-files {
|
||||||
}
|
}
|
||||||
|
|
||||||
tbody tr.even {
|
tbody tr.even {
|
||||||
background: #eee;
|
background: $zebra-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
a.icon-remove,
|
a.icon-remove,
|
||||||
|
@ -637,7 +637,7 @@ div.table-container {
|
||||||
}
|
}
|
||||||
|
|
||||||
table.shades tbody tr:nth-child(2n+1) {
|
table.shades tbody tr:nth-child(2n+1) {
|
||||||
background: #eee;
|
background: $zebra-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
table.headers th {
|
table.headers th {
|
||||||
|
|
|
@ -84,7 +84,7 @@ table.pk-data-table {
|
||||||
.pk-table-zebra {
|
.pk-table-zebra {
|
||||||
&.pk-data-table, .pk-data-table {
|
&.pk-data-table, .pk-data-table {
|
||||||
tbody tr:nth-child(2n+1) {
|
tbody tr:nth-child(2n+1) {
|
||||||
background: rgba(0, 0, 0, 0.065);
|
background: $zebra-color;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -735,7 +735,7 @@ div.file-upload-widget {
|
||||||
padding-bottom: 0.5rem;
|
padding-bottom: 0.5rem;
|
||||||
|
|
||||||
&:nth-child(even) {
|
&:nth-child(even) {
|
||||||
background-color: rgba(0, 0, 0, 0.065);
|
background-color: $zebra-color;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
td {
|
td {
|
||||||
|
@ -829,8 +829,8 @@ div.section.foldable {
|
||||||
// childs when the first child is an error.
|
// childs when the first child is an error.
|
||||||
.error ~ .BlockSubWidget:nth-child(odd),
|
.error ~ .BlockSubWidget:nth-child(odd),
|
||||||
.BlockSubWidget:first-child ~ .BlockSubWidget:nth-child(even) {
|
.BlockSubWidget:first-child ~ .BlockSubWidget:nth-child(even) {
|
||||||
background: hsla(0, 0%, 0%, 0.05);
|
background: $zebra-color;
|
||||||
box-shadow: -0.5em -0.5em 0 .5em hsla(0, 0%, 0%, 0.05);
|
box-shadow: -0.5em -0.5em 0 .5em $zebra-color;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue