[Summary view] [Print] [Text view]

   1  @import "01-settings/file-header";
   2  
   3  /**
   4   * SETTINGS
   5   * File-header..........The file header for the themes style.css file.
   6   * Fonts................Any font files, if the project needs specific fonts.
   7   * Global...............Project-specific, globally available variables.
   8   *
   9   * TOOLS
  10   * Functions............Global functions.
  11   * Mixins...............Global mixins.
  12   *
  13   * GENERIC
  14   * Normalize.css........Normalise browser defaults.
  15   * Breakpoints..........Mixins and variables for responsive styles
  16   * Vertical-margins.....Vertical spacing for the main components.
  17   * Reset................Reset specific elements to make them easier to style in other contexts.
  18   * Clearings............Clearings for the main components.
  19   *
  20   * ELEMENTS
  21   * Blockquote...........Default blockquote.
  22   * Forms................Element-level form styling.
  23   * Headings.............H1–H6
  24   * Links................Default links.
  25   * Lists................Default lists.
  26   * Media................Images, Figure, Figcaption, Embed, iFrame, Objects, Video.
  27   *
  28   * BLOCKS
  29   * Audio................Specific styles for the audio block.
  30   * Button...............Specific styles for the button block.
  31   * Code.................Specific styles for the code block.
  32   * Columns..............Specific styles for the columns block.
  33   * Cover................Specific styles for the cover block.
  34   * File.................Specific styles for the file block.
  35   * Gallery..............Specific styles for the gallery block.
  36   * Group................Specific styles for the group block.
  37   * Heading..............Specific styles for the heading block.
  38   * Image................Specific styles for the image block.
  39   * Latest comments......Specific styles for the latest comments block.
  40   * Latest posts.........Specific styles for the latest posts block.
  41   * Legacy...............Specific styles for the legacy gallery.
  42   * List.................Specific styles for the list block.
  43   * Media text...........Specific styles for the media and text block.
  44   * Navigation...........Specific styles for the navigation block.
  45   * Paragraph............Specific styles for the paragraph block.
  46   * Pullquote............Specific styles for the pullquote block.
  47   * Quote................Specific styles for the quote block.
  48   * Search...............Specific styles for the search block.
  49   * Separator............Specific styles for the separator block.
  50   * Table................Specific styles for the table block.
  51   * Verse................Specific styles for the verse block.
  52   * Video................Specific styles for the video block.
  53   * Utilities............Block alignments.
  54   *
  55   * COMPONENTS
  56   * Header...............Header styles.
  57   * Footer...............Footer styles.
  58   * Comments.............Comment styles.
  59   * Archives.............Archive styles.
  60   * 404..................404 styles.
  61   * Search...............Search styles.
  62   * Navigation...........Navigation styles.
  63   * Footer Navigation....Footer Navigation styles.
  64   * Pagination...........Pagination styles.
  65   * Single...............Single page and post styles.
  66   * Posts and pages......Misc, sticky post styles.
  67   * Entry................Entry, author biography.
  68   * Widget...............Widget styles.
  69   * Editor...............Editor styles.
  70   *
  71   * UTILITIES
  72   * A11y.................Screen reader text, prefers reduced motion etc.
  73   * Color Palette........Classes for the color palette colors.
  74   * Editor Font Sizes....Editor Font Sizes.
  75   * Measure..............The width of a line of text, in characters.
  76   */
  77  // Print................Print styles
  78  
  79  /* Categories 01 to 03 are the basics. */
  80  @import "01-settings/fonts";
  81  @import "01-settings/global";
  82  
  83  @import "02-tools/mixins";
  84  @import "02-tools/functions";
  85  
  86  @import "03-generic/normalize";
  87  @import "03-generic/breakpoints";
  88  @import "03-generic/vertical-margins";
  89  @import "03-generic/reset";
  90  @import "03-generic/clearings";
  91  
  92  /* Category 04 can contain any default HTML element. Do not add classes here, just give the elements some basic styles. */
  93  @import "04-elements/blockquote";
  94  @import "04-elements/forms";
  95  @import "04-elements/media";
  96  @import "04-elements/misc";
  97  @import "04-elements/links";
  98  
  99  /* Category 05 is all about adjusting the default block styles to the given layout. I only added three blocks as examples. */
 100  @import "05-blocks/blocks";
 101  
 102  /* Category 06 contains all "bigger" components which contain elements of the previous two categories like header, footer, page template, single template, comments section, archives, ... */
 103  @import "06-components/header";
 104  @import "06-components/footer";
 105  @import "06-components/single";
 106  @import "06-components/posts-and-pages";
 107  @import "06-components/entry";
 108  @import "06-components/archives";
 109  @import "06-components/404";
 110  @import "06-components/search";
 111  @import "06-components/comments";
 112  @import "06-components/navigation";
 113  @import "06-components/footer-navigation";
 114  @import "06-components/pagination";
 115  @import "06-components/widgets";
 116  
 117  /* Category 07 is for any utility classes that are not assigned to a specific component. */
 118  @import "07-utilities/a11y";
 119  @import "07-utilities/color-palette";
 120  @import "07-utilities/measure";
 121  @import "07-utilities/ie";