Skip to content

W3 A3 - Sass and jQuery Peter/Hollis (final)#25

Open
hollislau wants to merge 93 commits intoSEA-Design-Dev:masterfrom
hollislau:w3-a3__sass-and-jquery
Open

W3 A3 - Sass and jQuery Peter/Hollis (final)#25
hollislau wants to merge 93 commits intoSEA-Design-Dev:masterfrom
hollislau:w3-a3__sass-and-jquery

Conversation

@hollislau
Copy link
Copy Markdown

Refactored CSS using Sass to enhance maintainability and added some interactions and animations with jQuery. Structured code into a custom architecture categorized into base styles, components, and a document layout. Added a few missing components such as section arrows and hover states
and addressed some cross-browser compatibility issues.

screenshot from 2015-09-18 18 15 09
screenshot from 2015-09-18 18 16 18

hollislau and others added 30 commits September 8, 2015 09:18
directory includes a reset.css as well as a
pricing tables CSS and HTML file
…W2-A2

* 'master' of github.com:hollislau/advanced-presentation__W2-A2:
  Finalize HTML to include all relevant text
pricing-tables.css to style.css links updated
in the index.html
the directory is within CSS and the style.css
has been updated to include @font-face
added all pricing plan components to the
basic-pricing.html and updated the css file
* pricing-header:
  update pricing component styles
Including: horizontal white line. Added spans
to the h3 'pricing' section element
Removed <ul> and <li> elements from HTML
Add icon
Wrapped services categories in a container and
added flex-box. Added a font color white class.
the entire services section is now in
services.html
updated font package to include a down arrow; added a portfolio.html component
category text now center aligned
add a navigation menu below the slider and remove
"all works" as a header item.
adds a contact.html; style for mobile view.
Peter Strumolo and others added 29 commits September 16, 2015 16:18
* portfolio:
  update the _icons.scss with correct names
Create javascript folder and download button
partial. Update to components index file
Merge branch 'portfolio' into w3-a3__sass-and-jquery

* portfolio:
  update to slider & download button styles
  Create sass slider in component directory
* header:
  update to header and logo positions
* portfolio-jquery:
  add port_nav.js with basic functionality
Merge branch 'w3-a3__sass-and-jquery' of github.com:hollislau/advanced-presentation__W2-A2 into w3-a3__sass-and-jquery

* 'w3-a3__sass-and-jquery' of github.com:hollislau/advanced-presentation__W2-A2:
  Refactor footer section with Sass
  Refactor about section with Sass
  Refactor aside component with Sass
Merge branch 'edit-mainsass' into w3-a3__sass-and-jquery

* edit-mainsass:
  add orange arrow to footer
  edit the style of the main menu
  update to port-nav script and layout styles
@hollislau hollislau changed the title W3 A3 - Sass and jQuery Peter/Hollis (wip) W3 A3 - Sass and jQuery Peter/Hollis (final) Sep 19, 2015
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant