← Back to branch summary

~stephen-stewart/ulysses/no-more-csslint

« back to all changes in this revision

Viewing changes to public/layout.css

  • Committer: Tarmac
  • Author(s): Stephen Stewart
  • Date: 2014-09-25 09:26:43 UTC
  • mfrom: (43.1.14 gulpify-and-update)
  • Revision ID: tarmac-20140925092643-jzluuaboybxm4q73
[r=james-w] update to version 1.0.0

* update grids to pure 0.5
* default to border-box
* default to minified css
* switch to gulp
* remove bower dep
* svg symbols

Show diffs side-by-side

added added

removed removed

Lines of Context:
public/layout.css
1
 
/**
2
 
 * FIXME
3
 
 * add a build option to create two version of final css with border-box
4
 
 * on the ues- namespace (for backward compat) and:
5
 
 * *, *::before, *::after { box-sizing: border-box }
6
 
 */
7
 
 
8
 
[class*="ues-"],
9
 
[class*="ues-"]:before,
10
 
[class*="ues-"]:after,
11
 
[class*="ues-"] *,
12
 
[class*="ues-"] *:before,
13
 
[class*="ues-"] *:after {
14
 
  -o-box-sizing: border-box;
15
 
  -ms-box-sizing: border-box;
16
 
  -moz-box-sizing: border-box;
17
 
  -webkit-box-sizing: border-box;
18
 
  box-sizing: border-box;
19
 
}
20
 
 
21
 
/** TBD
22
 
 *
23
 
 * agree on a rwd strategy, provide general rules for use as per .ues-page,
24
 
 * for specific things leave it up to implementation, influenced by the
25
 
 * general rwd strategy
26
 
 * **/
27
 
 
28
 
.ues-page {
29
 
  width: 984px;
30
 
  margin: 0 auto;
31
 
}
32
 
 
33
 
@media (min-width: 1210px) {
34
 
  .ues-page {
35
 
    width: 1200px;
36
 
    margin: 0 auto;
37
 
  }
38
 
}
39
 
 
40
 
@media (max-width: 940px) {
41
 
  .ues-page {
42
 
    width: 100%;
43
 
  }
44
 
}
45
 
 
46
 
/** modifiers/globals **/
47
 
 
48
 
.pull-left {
49
 
  float: left;
50
 
}
51
 
 
52
 
.pull-right {
53
 
  float: right;
54
 
}
55
 
 
56
 
/**
57
 
 * http://nicolasgallagher.com/micro-clearfix-hack/
58
 
 */
59
 
 
60
 
.clear:before,
61
 
.clear:after {
62
 
  content: " ";
63
 
  display: table;
64
 
}
65
 
 
66
 
.clear:after {
67
 
  clear: both;
68
 
}
69
 
 
70
 
/**
71
 
 * Footer
72
 
 */
73
 
 
74
 
.ues-footer > .ues-footer-row {
75
 
  font-size: 11px;
76
 
  padding: 2em 1em;
77
 
  background-color: #f7f6f5;
78
 
  border-top: 1px solid #d8d8d8;
79
 
}
80
 
 
81
 
.ues-footer > .ues-footer-row + .ues-footer-row {
82
 
  font-size: 12px;
83
 
  background-color: #efedec;
84
 
  border-top: 1px solid #d8d8d8;
85
 
}
86
 
 
87
 
@media screen and (max-width: 320px) {
88
 
  .ues-footer > .ues-footer-row {
89
 
    font-size: 14px;
90
 
  }
91
 
}
92
 
 
93
 
.ues-footer a {
94
 
  color: #333;
95
 
}
96
 
 
97
 
.ues-footer a:hover {
98
 
  color: #dd4814;
99
 
  text-decoration: underline;
100
 
}
101
 
 
102
 
.ues-footer-column {
103
 
  margin: 0 20px 0 0;
104
 
}
105
 
 
106
 
.ues-footer .yui3-u-1-6:last-child .ues-footer-column {
107
 
  margin: 0;
108
 
}
109
 
 
110
 
.ues-footer-copyright p {
111
 
  margin: 0;
112
 
}
113
 
 
114
 
/**
115
 
 * Boxes
116
 
 */
117
 
 
118
 
.ues-box {
119
 
  padding: 20px;
120
 
  margin: 0 0 20px 0;
121
 
  -o-border-radius: 12px;
122
 
  -ms-border-radius: 12px;
123
 
  -moz-border-radius: 12px;
124
 
  -webkit-border-radius: 12px;
125
 
  border-radius: 12px;
126
 
}
127
 
 
128
 
.ues-box form {
129
 
  margin: 0;
130
 
}
131
 
 
132
 
.ues-box label:first-child {
133
 
  margin-top: 0;
134
 
}
135
 
 
136
 
.ues-box-solid {
137
 
  background: #f7f6f5;
138
 
}
139
 
 
140
 
.ues-box-bordered {
141
 
  border: 1px solid #ccc;
142
 
}
143
 
 
144
 
.ues-box-shadowed {
145
 
  -o-box-shadow: 0px 1px 6px 0px #C2C2C2;
146
 
  -ms-box-shadow: 0px 1px 6px 0px #C2C2C2;
147
 
  -moz-box-shadow: 0px 1px 6px 0px #C2C2C2;
148
 
  -webkit-box-shadow: 0px 1px 6px 0px #C2C2C2;
149
 
  box-shadow: 0px 1px 6px 0px #C2C2C2;
150
 
}
151
 
 
152
 
.ues-well {
153
 
  -o-border-radius: 4px;
154
 
  -ms-border-radius: 4px;
155
 
  -moz-border-radius: 4px;
156
 
  -webkit-border-radius: 4px;
157
 
  border-radius: 4px;
158
 
  -o-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset;
159
 
  -ms-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset;
160
 
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset;
161
 
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset;
162
 
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset;
163
 
}
 
 
b'\\ No newline at end of file'
 
1
html{-moz-box-sizing:border-box;box-sizing:border-box}*,*:before,*:after{-moz-box-sizing:inherit;box-sizing:inherit}.ues-page{width:984px;margin:0 auto}@media (min-width:1210px){.ues-page{width:1200px;margin:0 auto}}@media (max-width:940px){.ues-page{width:100%}}.pull-left{float:left}.pull-right{float:right}.clear:before,.clear:after{content:" ";display:table}.clear:after{clear:both}.ues-footer>.ues-footer-row{font-size:11px;padding:2em 1em;background-color:#f7f6f5;border-top:1px solid #d8d8d8}.ues-footer>.ues-footer-row+.ues-footer-row{font-size:12px;background-color:#efedec;border-top:1px solid #d8d8d8}@media screen and (max-width:320px){.ues-footer>.ues-footer-row{font-size:14px}}.ues-footer a{color:#333}.ues-footer a:hover{color:#dd4814;text-decoration:underline}.ues-footer-column{margin:0 20px 0 0}.ues-footer .yui3-u-1-6:last-child .ues-footer-column{margin:0}.ues-footer-copyright p{margin:0}.ues-box{padding:20px;margin:0 0 20px;border-radius:12px}.ues-box form{margin:0}.ues-box label:first-child{margin-top:0}.ues-box-solid{background:#f7f6f5}.ues-box-bordered{border:1px solid #ccc}.ues-box-shadowed{box-shadow:0 1px 6px 0 #C2C2C2}.ues-well{border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,.05)inset}
 
 
b'\\ No newline at end of file'