style.scss (5182B)
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 * Spacer...............Specific styles for the spacer block. 51 * Table................Specific styles for the table block. 52 * Verse................Specific styles for the verse block. 53 * Video................Specific styles for the video block. 54 * Utilities............Block alignments. 55 * 56 * COMPONENTS 57 * Header...............Header styles. 58 * Footer...............Footer styles. 59 * Comments.............Comment styles. 60 * Archives.............Archive styles. 61 * 404..................404 styles. 62 * Search...............Search styles. 63 * Navigation...........Navigation styles. 64 * Footer Navigation....Footer Navigation styles. 65 * Pagination...........Pagination styles. 66 * Single...............Single page and post styles. 67 * Posts and pages......Misc, sticky post styles. 68 * Entry................Entry, author biography. 69 * Widget...............Widget styles. 70 * Editor...............Editor styles. 71 * 72 * UTILITIES 73 * A11y.................Screen reader text, prefers reduced motion etc. 74 * Color Palette........Classes for the color palette colors. 75 * Editor Font Sizes....Editor Font Sizes. 76 * Measure..............The width of a line of text, in characters. 77 */ 78 // Print................Print styles 79 80 /* Categories 01 to 03 are the basics. */ 81 @import "01-settings/fonts"; 82 @import "01-settings/global"; 83 84 @import "02-tools/mixins"; 85 @import "02-tools/functions"; 86 87 @import "03-generic/normalize"; 88 @import "03-generic/breakpoints"; 89 @import "03-generic/vertical-margins"; 90 @import "03-generic/reset"; 91 @import "03-generic/clearings"; 92 93 /* Category 04 can contain any default HTML element. Do not add classes here, just give the elements some basic styles. */ 94 @import "04-elements/blockquote"; 95 @import "04-elements/forms"; 96 @import "04-elements/media"; 97 @import "04-elements/misc"; 98 @import "04-elements/links"; 99 100 /* Category 05 is all about adjusting the default block styles to the given layout. I only added three blocks as examples. */ 101 @import "05-blocks/blocks"; 102 103 /* Category 06 contains all "bigger" components which contain elements of the previous two categories like header, footer, page template, single template, comments section, archives, ... */ 104 @import "06-components/header"; 105 @import "06-components/footer"; 106 @import "06-components/single"; 107 @import "06-components/posts-and-pages"; 108 @import "06-components/entry"; 109 @import "06-components/archives"; 110 @import "06-components/404"; 111 @import "06-components/search"; 112 @import "06-components/comments"; 113 @import "06-components/navigation"; 114 @import "06-components/footer-navigation"; 115 @import "06-components/pagination"; 116 @import "06-components/widgets"; 117 118 /* Category 07 is for any utility classes that are not assigned to a specific component. */ 119 @import "07-utilities/a11y"; 120 @import "07-utilities/color-palette"; 121 @import "07-utilities/measure"; 122 @import "07-utilities/ie";