Live Style Guide 3.0

April 10, 2019Changes: CSS Changes and Additions

• Icons

  • Removal of the Move To icon
  • Updated the download icon
  • Updated the upload icon
  • Addition of the scan icon
  View changes

• Sly Carousel

  • Left and right button changes to be circles
  • adding a background behind a button with a border
  View changes

• Update to the Typography section

  • No longer using h tags for styling
  • Creating spacing consistancy between p,ul,li, and content blocks
  View changes

November 21, 2018Changes: CSS Changes and Additions

• Alerts

  • Mobile Close icon no longer has background but maintains tap target
  • CTA "Link" no longer wraps and has chevron
  View changes

• Input select without title

  View changes

October 10, 2018Changes: CSS Changes and Additions

• Hero section for tier pages

  • Addition of modules for tier pages
  • Consolidation of design that will be used for all tier pages and topic pages
  View changes

• Featured Brands

  View changes

• Product List

  View changes

• Accordions

  • Consolidating Accordions to be 1 set
  • Background is inherited (transparent) to what color is dictated by the parent container
  • No longer in a "card" container
  View changes

• Adding Interstitial

  • Full page takeover modal that acts as a faux page turn
  • Promts user to complete task within a flow instead of taking them out of it
  View changes

• Adding Undo

  • Allows users to undo an action they just did
  View changes

August 10, 2018Changes: CSS Changes and Additions

• Tabs with dropdowns

  • Responsive Tab treatment that scrolls on mobile
  • Relates to current tab system
  View changes

• Minimal Tabs Addition

  • Responsive Tab treatment that scrolls on mobile
  • No background for selected tab on Desktop
  View changes

• Sticky Bar Experience

  • Visual experience of Sticky Bar at the bottom of the page
  • Simplified to a launch experience button
  View changes

July 19, 2018Changes: CSS Changes and Additions

• Alignment changes on alerts on mobile breakpoints

  • Icon on the top left of the box
  • Cloe button on the top right of the box
  • Text full width below the icon and close button
  View changes

• Dynamic text based on breakpoint

  • Expiration turns to "Exp" on mobile breakpoints
  View changes

• Minimum width is removed for form fields with attachment buttons

  • Creates more room for the input field, espically for mobile
  View changes

• Changes to the phone number input

  • Changed the placeholder text
  • No loger allows anything other then numbers
  View changes

• Product List Cards:

  • Re-ordering of information (Compare button at bottom)
  • Updates on font-sizes
  • Mobile View Stacking
  View changes

• Radio buttons and Check boxes

  • Adding min-width and min-height to always keep structure
  View changes

• Adding the color tooltip in

  • Tooltip that animates in when a user hovers over a color - describes the color
  View changes

• View more / View less

  • View more button with same look as dropdowns
  View changes

• Facets (Product Filters)

  • Addition of facets used for Product List Pages
  View changes

• Corner badges

  • Demo of how the badge is positioned on a card
  View changes

June 21, 2018Changes: CSS Changes and Additions

• Additions / Removals to the icons page:

  Addition of icons:

  • Optical
  • Hearing
  • Same Day Pickup
  • In-store Kiosk
  • Minimize
  Removal of icons:

  • Walgreens Script Logo - Should be using high quality pngs or svg for logomarks
  • Walgreens Flag Logo - Same as above
  • AARP Logo
  • Insurance Badge
  View changes

• Changes to form inputs:

  • Adding outline for inputs on focus
  • Add alert icon for error message below input
  View changes

• Addition of the credit card form field

  • Add form field for credit card number
  • Add form field for expiration month
  • Add form field for expiration year
  View changes