cody - HTMLify profile
cody
4270 Files
633391 Views
Latest files of /cody/atherosai/ui/snackbar-02
style.css
cody/atherosai/ui/snackbar-02/style.css
:root {
--success: #327B32;
--text: #F2ECFF;
--background: #1F1F1F;
}
html {
font-family: 'Roboto';
--success: #327B32;
--text: #F2ECFF;
--background: #1F1F1F;
}
html {
font-family: 'Roboto';
index.html
cody/atherosai/ui/snackbar-02/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Snackbar</title>
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
script.js
cody/atherosai/ui/snackbar-02/script.js
const notification = document.querySelector('.notification');
const button = document.querySelector('.trigger-button');
const toggleNotification = () => {
notification.classList.remove('none');
notification.classList.toggle('hide');
}