From 1f9f08b36bc1122a7613312f1a027b181b94f456 Mon Sep 17 00:00:00 2001 From: to7m Date: Tue, 6 Aug 2024 16:44:39 +0100 Subject: [PATCH] fixed icons --- public_html/index.html | 24 ++++++++++++------------ public_html/style.css | 22 ++++++++++++++++++++++ public_html/style.css.map | 2 +- scss/body/_header.scss | 2 +- scss/body/main/_project-previews.scss | 13 +++++++++++++ scss/text/_icon.scss | 6 +++--- scss/text/_sizes.scss | 2 ++ 7 files changed, 54 insertions(+), 17 deletions(-) diff --git a/public_html/index.html b/public_html/index.html index 4d319ab..1f628ba 100644 --- a/public_html/index.html +++ b/public_html/index.html @@ -49,33 +49,33 @@

My Name is Thomas Howe

diff --git a/public_html/style.css b/public_html/style.css index 26c3891..a3a5f58 100644 --- a/public_html/style.css +++ b/public_html/style.css @@ -234,6 +234,28 @@ header p { object-fit: contain; } +h3 { + font-family: arial; + font-size: 1.4rem; + font-weight: bold; + line-height: 1.9rem; +} + +#project-previews span { + font-family: arial; + font-size: 0.85rem; + font-weight: normal; + line-height: 1.35rem; +} +#project-previews span::after { + content: "\ea3c"; + font-family: "icomoon" !important; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; +} + body { background-color: rgb(255, 255, 255); display: grid; diff --git a/public_html/style.css.map b/public_html/style.css.map index b700c8e..0e1e895 100644 --- a/public_html/style.css.map +++ b/public_html/style.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../scss/_reset.scss","../scss/text/_icon.scss","../scss/body/_aside.scss","../scss/_colours.scss","../scss/_accessibility.scss","../scss/body/_header.scss","../scss/text/_sizes.scss","../scss/body/main/_project-previews.scss","../scss/body/_index.scss"],"names":[],"mappings":"AAAA;AAEA;AACI;AAAA;EAEA;;;AAGJ;AACI;EACA;EACA;EACA;;;AAGJ;AACI;AAAA;AAAA;EAGA;AAEA;EACA;EACA;;;AAGJ;AACI;EACA;;;AAGJ;AACI;EACA;;;AAIJ;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;ACzDJ;EACI;EACA;EACA,KACI;EAIJ;EACA;EACA;;ACRJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;;AAIR;EAAc;;;AAEd;EACI;EACA;;AAEA;EAAO;;;AAGX;EACI;EACA;;AAEA;EACI;;;AAIR;EACI;EACA;EACA,OCvCG;;;ACAH;EF0CJ;IEzCQ;;;;AF0CR;EAGI;;AExCA;EFqCJ;IEpCQ;;;;AHoFJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AANJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AANJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AANJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AI7FR;EACI;EACA;EACA;EAEA;EACA;EACA;EACA,qBACI;EFNJ;EEUA;EACA;EACA,OFhBI;;;AEmBR;EACI;EACA;;;AAGJ;ECxBI,aAJa;EAKb,WAMwC;EALxC,aAK4D;EAJ5D;EDuBA;;;AAGJ;EACI;EC9BA,aAJa;EAKb,WAO8C;EAN9C,aAHsE;EAItE;;;AD+BJ;EACI;EACA;;AJoDA;EACI;EACA;EACA;EACA;EACA;EACA;EIvDA;EACA;EACA;;;AE7CR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;ACjBJ;EACI,kBLLI;EKOJ;EACA;EACA;EACA;EACA;EFXA,aAJa;EAKb,WAQ4C;EAP5C,aAHsE;EAItE;EEWA,OLlBI;;;AKqBR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA","file":"style.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../scss/_reset.scss","../scss/text/_icon.scss","../scss/body/_aside.scss","../scss/_colours.scss","../scss/_accessibility.scss","../scss/body/_header.scss","../scss/text/_sizes.scss","../scss/body/main/_project-previews.scss","../scss/body/_index.scss"],"names":[],"mappings":"AAAA;AAEA;AACI;AAAA;EAEA;;;AAGJ;AACI;EACA;EACA;EACA;;;AAGJ;AACI;AAAA;AAAA;EAGA;AAEA;EACA;EACA;;;AAGJ;AACI;EACA;;;AAGJ;AACI;EACA;;;AAIJ;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;ACzDJ;EACI;EACA;EACA,KACI;EAIJ;EACA;EACA;;ACRJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;;AAIR;EAAc;;;AAEd;EACI;EACA;;AAEA;EAAO;;;AAGX;EACI;EACA;;AAEA;EACI;;;AAIR;EACI;EACA;EACA,OCvCG;;;ACAH;EF0CJ;IEzCQ;;;;AF0CR;EAGI;;AExCA;EFqCJ;IEpCQ;;;;AHoFJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AANJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AANJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AANJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AI7FR;EACI;EACA;EACA;EAEA;EACA;EACA;EACA,qBACI;EFNJ;EEUA;EACA;EACA,OFhBI;;;AEmBR;EACI;EACA;;;AAGJ;ECxBI,aAJa;EAKb,WAMwC;EALxC,aAK4D;EAJ5D;EDuBA;;;AAGJ;EACI;EC9BA,aAJa;EAKb,WAQ8C;EAP9C,aAHsE;EAItE;;;AD+BJ;EACI;EACA;;AJoDA;EACI;EACA;EACA;EACA;EACA;EACA;EIvDA;EACA;EACA;;;AE1CR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;ED3BI,aAJa;EAKb,WAOwC;EANxC,aAM8D;EAL9D;;;AC4BJ;ED/BI,aAJa;EAKb,WAUkD;EATlD,aAHsE;EAItE;;ALqFA;EACI;EACA;EACA;EACA;EACA;EACA;;;AO1FR;EACI,kBLLI;EKOJ;EACA;EACA;EACA;EACA;EFXA,aAJa;EAKb,WAS4C;EAR5C,aAHsE;EAItE;EEWA,OLlBI;;;AKqBR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA","file":"style.css"} \ No newline at end of file diff --git a/scss/body/_header.scss b/scss/body/_header.scss index 5a863fa..47acd2b 100644 --- a/scss/body/_header.scss +++ b/scss/body/_header.scss @@ -40,7 +40,7 @@ header p { grid-area: scroll-down; margin: 15px 0; - @include text.append_icon("icon-keyboard_arrow_down") { + @include text.append_icon("arrow-down") { display: block; font-size: 35px; font-weight: 600; diff --git a/scss/body/main/_project-previews.scss b/scss/body/main/_project-previews.scss index b111cc0..491ee0d 100644 --- a/scss/body/main/_project-previews.scss +++ b/scss/body/main/_project-previews.scss @@ -1,3 +1,6 @@ +@use "text"; + + #project-previews ul { height: 1000px; width: 600px; @@ -25,3 +28,13 @@ max-width: 100%; object-fit: contain; } + +h3 { + @include text.h3_text_sizes; +} + +#project-previews span { + @include text.small_description_sizes; + + @include text.append_icon("arrow-right"); +} diff --git a/scss/text/_icon.scss b/scss/text/_icon.scss index 7eebe79..958d0ee 100644 --- a/scss/text/_icon.scss +++ b/scss/text/_icon.scss @@ -16,7 +16,7 @@ $_icon_chars_for_names: ( - "arrow-right2": "\ea3c", + "arrow-right": "\ea3c", "arrow-shuffle": "\e901", "bar-graph": "\e904", "briefcase": "\f0b1", @@ -46,8 +46,8 @@ $_icon_chars_for_names: ( "handshake-o": "\f2b5", "hat": "\e905", "headphones": "\e910", - "icon-keyboard_arrow_down": "\e909", - "icon-keyboard_arrow_up": "\e90a", + "arrow-down": "\e909", + "arrow-up": "\e90a", "instagram": "\ea92", "lab": "\e9aa", "laptop": "\e957", diff --git a/scss/text/_sizes.scss b/scss/text/_sizes.scss index 3cd1353..471a206 100644 --- a/scss/text/_sizes.scss +++ b/scss/text/_sizes.scss @@ -10,5 +10,7 @@ $_DEFAULT_FONTS: arial; @mixin h1_text_sizes { @include _text_sizes(3rem, $font-weight: bold); } +@mixin h3_text_sizes { @include _text_sizes(1.4rem, $font-weight: bold); } @mixin header_p_text_sizes { @include _text_sizes(1.2rem); } @mixin normal_text_sizes { @include _text_sizes(1rem); } +@mixin small_description_sizes { @include _text_sizes(0.85rem); }