This repository has been archived by the owner on Mar 13, 2019. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsample.main.scss
104 lines (89 loc) · 5.79 KB
/
sample.main.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
/*
OrionCSS
Author: Luke Harrison
Web: www.lukeharrison.net
Github: https://github.com/WebDevLuke/OrionCSS
Email: [email protected]
*/
//--------------------------------------------------------------------------------------------------------------------------------------
// STANDARD TEMPLATE
//--------------------------------------------------------------------------------------------------------------------------------------
/*
This is the main file where all the different components of OrionCSS are brought together. Remember to append
@import declarations to the correct layer as you create new partials otherwise your code won't be included.
*/
// ITCSS LAYER SUMMARY
//--------------------------------------------------------------------------------------------------------------------------------------
/*
[1] Settings – used with preprocessors and contain font, colors definitions, etc.
[2] Tools – globally used mixins and functions. It’s important not to output any CSS in the first 2 layers.
[3] Generic – reset and/or normalize styles, box-sizing definition, etc. This is the first layer which generates actual CSS.
[4] Elements – styling for bare HTML elements. These come with default styling from the browser so we can redefine them here.
[5] Objects – class-based selectors which define undecorated design patterns, for example media object known from OOCSS.
[6] Components – specific UI components. This is where majority of our work takes place and our UI components are often composed of Objects and Components.
[7] Utilities – utilities and helper classes with the ability to override anything which goes before in the triangle. Should primarily be used for positional and minor cosmetic styling (eg bold, no-wrap, text-alignments etc). Every other kind of cosmetic styling should be done in the components layer.
*/
// Visit http://www.creativebloq.com/web-design/manage-large-css-projects-itcss-101517528 for more info on ITCSS methodology.
// IMPORTS
//--------------------------------------------------------------------------------------------------------------------------------------
// Settings
@import "../../node_modules/orioncss/01 - settings/settings.breakpoints";
@import "../../node_modules/orioncss/01 - settings/settings.colors";
@import "../../node_modules/orioncss/01 - settings/settings.spacing";
@import "../../node_modules/orioncss/01 - settings/settings.typography";
@import "../../node_modules/orioncss/01 - settings/settings.widths";
@import "../../node_modules/orioncss/01 - settings/settings.grid-system";
// @import "/01 - settings/settings.mysettings";
// Tools
@import "../../node_modules/sass-mq/mq";
@import "../../node_modules/orioncss/02 - tools/tools.clearfix";
@import "../../node_modules/orioncss/02 - tools/tools.color";
@import "../../node_modules/orioncss/02 - tools/tools.rem";
@import "../../node_modules/orioncss/02 - tools/tools.spacing";
// @import "/02 - tools/tools.mytool";
// Import Framework Generic
@import "../../node_modules/normalize.css/normalize.css";
@import "../../node_modules/orioncss/03 - generic/generic.reset";
@import "../../node_modules/orioncss/03 - generic/generic.box-sizing";
// @import "/03 - generic/generic.mygeneric";
// Elements
@import "../../node_modules/orioncss/04 - elements/elements.headings";
@import "../../node_modules/orioncss/04 - elements/elements.images";
@import "../../node_modules/orioncss/04 - elements/elements.links";
@import "../../node_modules/orioncss/04 - elements/elements.lists";
@import "../../node_modules/orioncss/04 - elements/elements.page";
@import "../../node_modules/orioncss/04 - elements/elements.paragraphs";
// @import "/04 - elements/elements.myelement";
// Objects
// @import "../../node_modules/orioncss/05 - objects/objects.box";
// @import "../../node_modules/orioncss/05 - objects/objects.container";
// @import "../../node_modules/orioncss/05 - objects/objects.cover";
// @import "../../node_modules/orioncss/05 - objects/objects.expander";
// @import "../../node_modules/orioncss/05 - objects/objects.layout";
// @import "../../node_modules/orioncss/05 - objects/objects.list-bare";
// @import "../../node_modules/orioncss/05 - objects/objects.list-inline";
// @import "../../node_modules/orioncss/05 - objects/objects.media";
// @import "../../node_modules/orioncss/05 - objects/objects.table";
// @import "/05 - objects/objects.myobject";
// Components
// Sample component can be found in /node_modules/orioncss/06 - components/
// @import "/06 - components/components.mycomponent";
// Utilities
// @import "../../node_modules/orioncss/07 - utilities/utilities.alignments";
// @import "../../node_modules/orioncss/07 - utilities/utilities.backgrounds";
// @import "../../node_modules/orioncss/07 - utilities/utilities.cursor";
// @import "../../node_modules/orioncss/07 - utilities/utilities.display-hide";
// @import "../../node_modules/orioncss/07 - utilities/utilities.fills";
// @import "../../node_modules/orioncss/07 - utilities/utilities.floats";
// @import "../../node_modules/orioncss/07 - utilities/utilities.heights";
// @import "../../node_modules/orioncss/07 - utilities/utilities.hidden-visually";
// @import "../../node_modules/orioncss/07 - utilities/utilities.margins";
// @import "../../node_modules/orioncss/07 - utilities/utilities.nudges";
// @import "../../node_modules/orioncss/07 - utilities/utilities.paddings";
// @import "../../node_modules/orioncss/07 - utilities/utilities.position";
// @import "../../node_modules/orioncss/07 - utilities/utilities.truncate";
// @import "../../node_modules/orioncss/07 - utilities/utilities.typography";
// @import "../../node_modules/orioncss/07 - utilities/utilities.user-select";
// @import "../../node_modules/orioncss/07 - utilities/utilities.widths";
// @import "../../node_modules/orioncss/07 - utilities/utilities.z-index";
// @import "/07 - utilities/utilities.myutility";