diff --git a/src/index.html b/src/index.html index 4a92d15..40f3a5a 100644 --- a/src/index.html +++ b/src/index.html @@ -19,63 +19,115 @@ + +
- - - - Diamond ui - - - -

Bring clarity to your components

+ + + Diamond ui + + + + +

+ Bring clarity to
+ your components +

+
+
-
-

- Diamond UI is a method of organising and grouping components to cleanly separate their responsibilities. -

+ + +
+

+ Diamond UI is a method of organising and grouping components to cleanly separate their responsibilities. +

-

- This results in a UI ecosystem that is robust, reusable, extremely flexible, very testable and low maintenance. -

+

+ This results in a UI ecosystem that is robust, reusable, extremely flexible, very testable and low maintenance. +

-

- The methodology does not dictate any technology or naming constraints. -

-
+

+ The methodology does not dictate any technology or naming constraints. +

+
+
+ - -
- - - - - - - - - - -

- We promise to treat your inbox with respect. -

-
- - - -
-
- + + + +
+ + + + + + + + + + +

+ We promise to treat your inbox with respect. +

+
+ + + +
+
+
+
diff --git a/src/js/app.js b/src/js/app.js new file mode 100644 index 0000000..722ee54 --- /dev/null +++ b/src/js/app.js @@ -0,0 +1 @@ +import '@etchteam/diamond-ui/composition/Enter/Enter'; \ No newline at end of file diff --git a/src/styles/main.css b/src/styles/main.css index 52a9a53..2c3363d 100644 --- a/src/styles/main.css +++ b/src/styles/main.css @@ -10,7 +10,7 @@ --diamond-font-family: 'Nunito sans', -apple-system, system-ui, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif; - --diamond-font-size-h1: 2.5rem; + --diamond-font-size-h1: clamp(2rem, 10vw, 4rem); --diamond-input-border-color: var(--color-gray); --diamond-input-border-color-hover: var(--color-blue); @@ -21,4 +21,16 @@ --diamond-theme-heading-color: var(--color-blue); --diamond-theme-link-color: var(--color-blue); +} + +h1 { + font-weight: var(--diamond-font-weight-black); +} + +.logo { + display: inline-block; + margin-left: .1em; + vertical-align: middle; + transform: translateY(-18%); + width: 3.5rem; } \ No newline at end of file