Agile611/the-example-app-nodejs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

minimal form style adjustments

Browse Source
This commit is contained in:
Benedikt Rötsch
2017-10-04 17:19:23 +02:00
committed by Benedikt Rötsch
parent 6430a2c849
commit 5e72fd9c6f
3 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
assets/stylesheets/base/formhack.css
View File

@@ -7,19 +7,19 @@
/* Font */
--fh-font-family: 'Raleway', sans-serif;
--fh-font-size: 16px;
--fh-font-color: rgb(40, 40, 40);
--fh-font-color: var(--color-input-text);
/* Borders */
--fh-border-radius: 5px;
--fh-border-width: 1px;
--fh-border-style: solid;
--fh-border-color: rgb(200, 200, 200);
--fh-border-color: var(--color-input-border);
/* Inputs, Textareas, Select, Option */
--fh-input-height: 40px;
--fh-input-width: 100%;
--fh-input-max-width: 100%;
--fh-input-bg-color: #fff;
--fh-input-bg-color: var(--color-input-bg);
--fh-focus-bg-color: var(--fh-input-bg-color);
--fh-focus-border-color: var(--color-palette-blue);
--fh-focus-font-color: var(--fh-font-color);

4
assets/stylesheets/variables.css
View File

@@ -39,6 +39,10 @@
--color-status-block-bg-error: #fbe3e2;
--color-status-block-message: #536171;
--color-input-text: #536171;
--color-input-bg: #fff;
--color-input-border: #d3dce0;
--layout-sidebar-sidebar-width: 228px;
--layout-sidebar-content-width: 732px;

6
public/stylesheets/style.css
View File

@@ -546,7 +546,7 @@ fieldset,
font-family: 'Raleway', sans-serif;
font-size: 16px;
color: rgb(40, 40, 40);
color: #536171;
vertical-align: top;
display: block;
@@ -600,7 +600,7 @@ textarea {
border-radius: 5px;
border-width: 1px;
border-style: solid;
border-color: rgb(200, 200, 200);
border-color: #d3dce0;
}
/* Fields with standard height */
@@ -722,7 +722,7 @@ textarea:focus,
select:focus,
option:focus {
border-color: #5c9fef;
color: rgb(40, 40, 40);
color: #536171;
}
button:focus,