diginaut/digui
1
0
Fork 0
mirror of https://github.com/aquatix/digui.git synced 2025-12-06 20:05:10 +01:00
Code Issues Packages Projects Releases Wiki Activity

Initial version

Browse Source
This commit is contained in:
Michiel Scholten
2025-05-08 15:37:58 +02:00
commit 0c8c478112
4 changed files with 107 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
README.md Normal file
View File

@@ -0,0 +1,4 @@
digui
=====
HTML/CSS toolkit to quickly build web applications and websites.

90
css/digui.css Normal file
View File

@@ -0,0 +1,90 @@
/**
* digui structure
* v0.0.1
*/
/* Main structure */
body {
height: 125vh;
font-family: sans-serif;
margin-top: 3rem;
padding: 30px;
}
main {
color: black;
}
header {
background-color: white;
position: fixed;
top: 0;
left: 0;
right: 0;
height: 3rem;
display: flex;
align-items: center;
/*box-shadow: 0 0 5px 0 rgba(213, 217, 217, .5);*/
box-shadow: 0 0 5px 0 #999;
}
header * {
display: inline;
}
header li {
margin: 20px;
}
header li a {
color: black;
text-decoration: none;
}
/* Active element, e.g. a button */
.active {
background-color: #cccccc;
}
/* Buttons */
button {
background-color: #fff;
border: 1px solid #d5d9d9;
border-radius: 8px;
box-shadow: rgba(213, 217, 217, .5) 0 2px 5px 0;
box-sizing: border-box;
color: #0f1111;
cursor: pointer;
display: inline-block;
font-size: 13px;
line-height: 29px;
padding: 0 10px 0 11px;
position: relative;
text-align: center;
text-decoration: none;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
vertical-align: middle;
/*width: 100px;*/
}
button:hover {
background-color: #f7fafa;
}
button:focus {
border-color: #008296;
box-shadow: rgba(213, 217, 217, .5) 0 2px 5px 0;
outline: 0;
}
/* Cards */
.cards {
display: grid;
}
.card {
display: inline-grid;
}

10
demo.html Normal file
View File

@@ -0,0 +1,10 @@
<html>
<head>
<title>digui demo</title>
</head>
<body>
<h1>Welcome to digui</h1>
</body>
</html>

3
js/digui.js Normal file
View File

@@ -0,0 +1,3 @@
/**
* digui Javascript components
*/