wp-taiga/styles.scss at master · kajrietberg/wp-taiga · GitHub

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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
/*
Theme Name: WP-Taiga Starters Theme
Theme URI: http://kajrietberg.nl/wp-taiga
Author: Aljan en Kaj Rietberg
Author URI: http://kajrietberg.nl
Description: WordPress starter theme based on the Taiga boilerplate.
Version: 0.7
License: GNU General Public License
License URI: license.txt
Text Domain: wp-taiga
Domain Path: /languages/
Tags:
*/

/*------------------------------------*\
    STYLE.SCSS
\*------------------------------------*/
/**
 * Here we start to pull everything together into one big stylesheet.
 *
 * SETUP............Settings, tools, mixins, etc.
 * GENERIC..........normalize.css, reset, shared styles, etc.
 * BASE.............Basic HTML elements.
 * OBJECTS..........Objects, abstractions, design patterns.
 * GUI..............Components and modules.
 * TRUMPS...........Helpers, overrides, ‘trump-cards’.
 */

@charset "UTF-8";

/*------------------------------------*\
    #SETUP
\*------------------------------------*/
/**
 * Settings, variables and tools.
 */

@import "css/1-settings/_settings"; // Set up your settings and variables first
@import "css/2-tools/_mixins";


/*------------------------------------*\
    #GENERIC
\*------------------------------------*/
/**
 * These are far reaching styles that affect and underpin every element on the
 * page, e.g. `* {}`. Quickfix is was is says, when there is more time, then fix it well.
 */
@import "css/3-generic/_grid";
@import "css/3-generic/_layout";
@import "css/3-generic/_print";
@import "css/3-generic/_quickfix";


/*------------------------------------*\
    #BASE
\*------------------------------------*/
/**
 * These are base HTML elements, things with no classes on them, e.g. `h1 {}`,
 * `blockquote {}`.
 */

@import "css/4-base/_base";


/*------------------------------------*\
    #OBJECTS
\*------------------------------------*/
/**
 * These are design-free objects, abstractions and design patterns. These create
 * constructs that you lay your designs over.
 */
//@import "css/5-objects/_quote";
//@import "css/5-objects/_tables";
//@import "css/5-objects/_labels";
//@import "css/5-objects/_buttons";
//@import "css/5-objects/_icons";
//@import "css/5-objects/_messages";
//@import "css/5-objects/_pagination";
//@import "css/5-objects/_modal";
//@import "css/5-objects/_tabs";
//@import "css/5-objects/_panels";


/*------------------------------------*\
    #GUI
\*------------------------------------*/
/**
 * These are your components and modules; things like buttons, accordions,
 * carousels, etc.
 */
//@import "css/6-gui/_product";
//@import "css/6-gui/_article";
//@import "css/6-gui/_breadcrumbs";
//@import "css/6-gui/_content-page";
//@import "css/6-gui/_footer";
//@import "css/6-gui/_header";
//@import "css/6-gui/_menu";
//@import "css/6-gui/_navigation";
//@import "css/6-gui/_search";
//@import "css/6-gui/_sidebar";


/*------------------------------------*\
    #TRUMPS
\*------------------------------------*/
/**
 * These are helper classes and overrides that should take precedence over all
 * other styles, e.g. `.float--left {}`.
 */

@import "css/7-trumps/_states";
@import "css/7-trumps/_wp-stuff";