Digital asset

Elementi e documentazione sul tema AOL

Classi CSS utili

  • .allmargin - Margin of 50px on all sides.
  • .topmargin - Margin of 50px on the top side.
  • .bottommargin - Margin of 50px on the bottom side.
  • .leftmargin - Margin of 50px on the left side.
  • .rightmargin - Margin of 50px on the right side.
  • .allmargin-sm - Margin of 30px on all sides.
  • .topmargin-sm - Margin of 30px on the top side.
  • .bottommargin-sm - Margin of 30px on the bottom side.
  • .leftmargin-sm - Margin of 30px on the left side.
  • .rightmargin-sm - Margin of 30px on the right side.
  • .allmargin-lg - Margin of 80px on all sides.
  • .topmargin-lg - Margin of 80px on the top side.
  • .bottommargin-lg - Margin of 80px on the bottom side.
  • .leftmargin-lg - Margin of 80px on the left side.
  • .rightmargin-lg - Margin of 80px on the right side.
  • .nomargin - No Margin on all sides.
  • .notopmargin - No Margin on the top side.
  • .nobottommargin - No Margin on the bottom side.
  • .noleftmargin - No Margin on the left side.
  • .norightmargin - No Margin on the right side.
  • .header-stick - Sticks content with the Header.
  • .footer-stick - Sticks content with the Footer.
  • .noborder - No Border on all sides.
  • .notopborder - No Border on the top side.
  • .nobottomborder - No Border on the bottom side.
  • .noleftborder - No Border on the left side.
  • .norightborder - No Border on the right side.
  • .nopadding - No Padding on all sides.
  • .notoppadding - No Padding on the top side.
  • .nobottompadding - No Padding on the bottom side.
  • .noleftpadding - No Padding on the left side.
  • .norightpadding - No Padding on the right side.
  • .col-padding - Padding of 60px on all sides.
  • .noradius - No Border Radius.
  • .noshadow - No Box Shadows.
  • .nobg - No Backgrounds.
  • .nobgcolor - No Background Colors.
  • .noabsolute - Forces Relative Position.
  • .hidden - Hidden Blocks.
  • .nothidden - No Hidden Blocks.
  • .inline-block - Inline Blocks.
  • .center - Center Aligned Text.
  • .tright - Right Aligned Text.
  • .divcenter - Center Aligned DIVs.
  • .fleft - Left Aligned DIVs.
  • .fright - Right Aligned DIVs.
  • .color - Theme Text Color.
  • .bgcolor - Theme Background Color.
  • .border-color - Theme Border Color.
  • .bgicon - Background Icon.
  • .bganimate - Animates Background Vertically.
  • .grayscale - Adds a Grayscale Filter to the Images and Colors on Hover.
  • .imagescale - Adds a Zoom Out Effect on the Image when Hovered.
  • .t300 - Changes the Font Weight to Light.
  • .t400 - Changes the Font Weight to Normal.
  • .t500 - Changes the Font Weight to Medium.
  • .t600 - Changes the Font Weight to Semi Bold.
  • .t700 - Changes the Font Weight to Bold.
  • .ls1 - Adds a Letter Spacing of 1px.
  • .ls2 - Adds a Letter Spacing of 2px.
  • .ls3 - Adds a Letter Spacing of 3px.
  • .ls4 - Adds a Letter Spacing of 4px.
  • .ls5 - Adds a Letter Spacing of 5px.
  • .noheight - Changes the Height of the Element to 0px.
  • .nolineheight - Changes the Line Height of the Element to 0px.
  • .font-body - Changes the Font Family of the Element equal to the one used for the Body Text.
  • .font-primary - Changes the Font Family of the Element equal to the one used for the Primary Text.
  • .font-secondary - Changes the Font Family of the Element equal to the one used for the Secondary Text.
  • Example
    Codice esadecimale
    Variabile SASS
  •  
    #328CC1
    $theme-color ($blue-sky)
  •  
    #cc7800
    $aol-orange
  •  
    #af6700
    $aol-orange-dark
  •  
    #6f9623
    $aol-green
  •  
    #c02942
    $aol-red
  •  
    #0B3C5D
    $blue-dark
  •  
    #328CC1
    $blue-sky
  •  
    #D9B310
    $gold
  •  
    #1D2731
    $aol-black
  •  
    #555
    $body-color
  •  
    #444
    $heading-color