link
This commit is contained in:
parent
0b8cae18c6
commit
d590c16697
4 changed files with 19 additions and 6 deletions
|
@ -16,7 +16,7 @@
|
|||
<script defer src="../script/main.js"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<body class="link">
|
||||
|
||||
<!-- columns / start -->
|
||||
<div class="columns">
|
||||
|
@ -31,6 +31,7 @@
|
|||
<a href="https://en.wikipedia.org/wiki/France">France</a>
|
||||
</p>
|
||||
</div>
|
||||
<button class="link" id="link">links</button>
|
||||
<button id="theme"></button>
|
||||
</header>
|
||||
|
||||
|
|
|
@ -16,7 +16,7 @@
|
|||
<script defer src="../script/main.js"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<body class="link">
|
||||
|
||||
<!-- columns / start -->
|
||||
<div class="columns">
|
||||
|
@ -31,6 +31,7 @@
|
|||
<a href="https://fr.wikipedia.org/wiki/France">France</a>
|
||||
</p>
|
||||
</div>
|
||||
<button class="link" id="link">liens</button>
|
||||
<button id="theme"></button>
|
||||
</header>
|
||||
|
||||
|
|
|
@ -1,3 +1,13 @@
|
|||
// link
|
||||
|
||||
const link = document.getElementById("link");
|
||||
|
||||
link.addEventListener("click", () => {
|
||||
document.body.classList.toggle("link");
|
||||
});
|
||||
|
||||
// theme
|
||||
|
||||
const button = document.getElementById("theme");
|
||||
|
||||
function theme_get() {
|
||||
|
|
|
@ -54,7 +54,7 @@
|
|||
|
||||
/* main */
|
||||
|
||||
#theme {
|
||||
#link, #theme {
|
||||
background-color: var(--button-background);
|
||||
}
|
||||
#vcard {
|
||||
|
@ -90,10 +90,11 @@ h2, h3, header {
|
|||
border-top: var(--border-on);
|
||||
}
|
||||
|
||||
.link a:not(:has(img)),
|
||||
.link button.link {
|
||||
background: var(--anchor-gradient);
|
||||
}
|
||||
a:not(:has(img)) {
|
||||
@media screen {
|
||||
background: var(--anchor-gradient);
|
||||
}
|
||||
color: inherit;
|
||||
padding: 0 .25em;
|
||||
text-decoration: none;
|
||||
|
|
Loading…
Add table
Reference in a new issue