Commit Graph

37 Commits

Author SHA1 Message Date
spongycake 253292977b build v0.1.4 2022-02-27 01:35:17 +00:00
spongycake b0cc522a55 removed old reference to container 2022-02-27 01:32:23 +00:00
spongycake 02b09a9777 moved curly brackets 2022-02-27 01:29:57 +00:00
spongycake ff32fa2069 limit words per line setting 2022-02-27 01:28:52 +00:00
spongycake 3b314bdf9f blue links are default
Previously orange was the default link colour. Now changed to a custom
blue. Blue as a link colour is more natural and obvious UX choice.
Contrast rules are now passing AAA tier WCAG 2 criterion, allowing us to move towards legible textual information.

Please find $link-color in `settings/_colors.scss`. The hover shade was
also reworked to pass AA WCAG 2. Extra blue variants exist but are not
accessible, they are placed in settings to cover the future development
of a dark theme. Be cautious when reusing these shades.
2022-02-27 00:48:30 +00:00
spongycake 3aa00471fe +container 2022-02-27 00:47:16 +00:00
spongycake 5be463ca47 Moved container to components 2022-02-27 00:41:39 +00:00
spongycake aca5224032 introduce SASS helpers 2022-02-15 22:33:40 +00:00
spongycake 6ad34a138e new img-fluid class 2022-02-15 22:32:34 +00:00
spongycake 12129647b2 import helpers 2022-02-15 22:31:23 +00:00
spongycake 356b0c0410 +demo image using img-fluid class 2022-02-15 22:28:11 +00:00
nx c38630846f add new .img-fluid class 2022-02-15 19:02:37 +00:00
nx 18550e0d1f add img-fluid helper
Responsive images (ensure images don't scale beyond their parents)
2022-02-15 18:54:13 +00:00
nx f0d21f7182 inline margins to hero
- index.html has some spacing added via inline margins.
- hamburger menu changed to black color
2022-02-04 01:56:22 +00:00
nx a02f04cb0b white blended theme is default
Dark was previously chosen as the default theme color, this meant light text on dark backgrounds. Now we move over to white. Browser extensions and system dark settings can do the heavy lifting for us. Support for a light theme is our aim.

settings/_colors.scss

Colors saw additional navbar color variables to bring cohesion to the table. For instance, $nav-bg-color.

components/_toolbar.scss

We shifted the practise of hard boiling hexidecimal values and opted for linking the variables from the color settings. Any changes to settings will be easily reflected across the toolbar with less effort.
2022-02-04 01:41:41 +00:00
nx 7657b963bf return border-radius var
Variable added again after border-radius variable was missing in settings/_measurements.scss. Breakage of CSS compiling was solved.
2022-02-04 00:48:12 +00:00
spongycake 610dd16b15 settings +font-families,+font,+headings,+measurements,+spacing 2022-02-02 12:27:17 +00:00
spongycake d8a23ee29b +type 2022-02-02 12:26:18 +00:00
spongycake c28d87b03c headings defined in typography 2022-02-02 12:26:01 +00:00
spongycake 2ed7dc362f -variables, +core 2022-02-02 12:23:16 +00:00
spongycake 00fc2fff1f rehomed to settings 2022-02-02 12:21:53 +00:00
spongycake 4a0cd486c6 removal after headings styles now spawned via settings 2022-02-02 12:21:09 +00:00
spongycake 9757b29bba +font, +font-families, +headings, +measurements, +spacing 2022-02-02 12:19:31 +00:00
spongycake 024b1ab403 replaced by settings 2022-02-02 12:18:00 +00:00
spongycake e07ed6f61d +settings 2022-02-02 01:15:46 +00:00
spongycake 118c32e1f8 link colors assigned brand variables 2022-02-02 01:10:22 +00:00
spongycake 43a6d0c977 color variables new home
settings/_colors.scss is populated with the color variables from
variables.scss, alongside additional link variables. $body-color was
renamed to $body-text-color to avoid confusion.
2022-02-02 01:06:20 +00:00
spongycake 80e926a7de +settings colors 2022-02-02 01:04:59 +00:00
spongycake 89daaca73b color variables rehomed 2022-02-02 01:03:12 +00:00
spongycake e6e092426e head style points to style.css 2022-02-01 23:12:05 +00:00
spongycake e7454629c0 +gutter and gutter-half setting
"Gutters or alleys are spacing between content tracks".

For more info see the Mozilla Developer Network Docs https://developer.mozilla.org/en-US/docs/Glossary/Gutters
2022-01-28 12:43:59 +00:00
spongycake ba36dca6e1 +container, full-width-container
Container's max-width was reflected to setting $container-page-width found within settings.

Container makes use of $gutter-half from settings for easier coding and
consistency.

Container now makes use of media queries. We add and subtract margins based on screen size. In particular, we register margin gutters when the viewport width is within the container-page-width.

.full-width-container is set to 100% width, expanding fully for each screen size. This additional class is expected to be used for content outside of textual information e.g. artwork.
2022-01-28 12:23:27 +00:00
spongycake 6c1919e68a +container-page-width setting 2022-01-26 03:09:25 +00:00
spongycake 0d62040180 Mixins file added.
Contains reusable family of operations. Helps to follow Don't Repeat
Yourself (DRY) methodology.
2022-01-26 01:17:01 +00:00
spongycake 1b35e763fe sizes and values generated from sass mq profile 2022-01-26 01:11:52 +00:00
spongycake 6dac5b5fa5 brought mq and vendor sass 2022-01-26 01:04:20 +00:00
Dooglet 26aefc01be css,js sources 2022-01-23 19:09:33 +00:00