will/doorlock
1
0
Fork 0
mirror of https://github.com/zyphlar/doorlock.git synced 2024-04-03 21:36:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add start of doorlock server

Browse Source
This commit is contained in:
Dana Woodman
2018-07-10 14:47:07 -07:00
parent 8c83229696
commit 9c11a0506a
24 changed files with 4700 additions and 6697 deletions
Download Patch File Download Diff File Expand all files Collapse all files

107
public/styles.css Normal file
View File

@@ -0,0 +1,107 @@
/*------------------------------------------------------
- Variables
------------------------------------------------------*/
:root {
--font-family-sans-serif: Roboto, sans-serif;
--color-primary: #2aa5c1;
--color-primary-dark: #1e8096;
--color-secondary: #2ac17a;
--color-secondary-dark: #1d915a;
}
/*------------------------------------------------------
- Base styles
------------------------------------------------------*/
* {
box-sizing: border-box;
}
body {
font-size: 16px;
}
a {
color: var(--color-primary);
text-decoration: none;
}
a:hover {
color: var(--color-primary-darker);
}
p {
line-height: var(--line-height-md);
margin: var(--spacing-md) 0;
}
/*------------------------------------------------------
- Buttons
------------------------------------------------------*/
.button {
background: var(--color-primary);
border: 1px solid var(--color-primary);
color: white;
display: inline-block;
padding: var(--spacing-sm) var(--spacing-md);
}
.button:hover {
background: var(--color-primary-dark);
border-color: var(--color-primary-dark);
}
.button-danger {
background: var(--color-danger);
border-color: var(--color-danger);
}
.button-danger:hover {
background: var(--color-danger-dark);
border-color: var(--color-danger-dark);
}
.button-info {
background: var(--color-info);
border-color: var(--color-info);
}
.button-info:hover {
background: var(--color-info-dark);
border-color: var(--color-info-dark);
}
.button-outline {
color: var(--color-primary);
background: transparent;
}
.button-outline:hover {
color: white;
}
.button-sm {
font-size: var(--font-size-sm);
padding: var(--spacing-xs) var(--spacing-sm);
}
/*------------------------------------------------------
- Forms
------------------------------------------------------*/
.label {
display: block;
font-weight: bold;
padding: var(--spacing-md) 0 var(--spacing-sm) 0;
}
.input {
background: white;
border: 1px solid var(--color-gray-light);
padding: var(--spacing-sm);
}
.input-block {
display: block;
width: 100%;
}
/*------------------------------------------------------
- Page heading
------------------------------------------------------*/
.page-heading {
color: var(--color-gray-light);
margin-bottom: var(--spacing-lg);
font-size: var(--font-size-xl);
font-weight: 100;
}