Dotclear

source: admin/style/scss/init/_rebase.scss @ 3908:5faa2f3124a3

Revision 3908:5faa2f3124a3, 2.6 KB checked in by franck <carnet.franck.paul@…>, 7 years ago (diff)

Better this way and it works on every modern browsers (I hope) \o/

Line 
1/* largeur des paddings et border compris dans "width" */
2
3*,
4*:before,
5*:after {
6     box-sizing: border-box;
7}
8
9html {
10     font-size: 100%;
11     -ms-text-size-adjust: 100%;
12     -webkit-text-size-adjust: 100%;
13     margin: 0;
14     padding: 0;
15}
16
17body {
18     margin: 0;
19     padding: 0;
20}
21
22a {
23     background: transparent;
24     &:focus {
25          outline: thin dotted;
26     }
27     &:active,
28     &:hover {
29          outline: none;
30     }
31     img {
32          border: none;
33     }
34}
35
36q,
37cite {
38     font-style: italic;
39}
40
41q:before,
42q:after {
43     content: "";
44}
45
46sup,
47sub {
48     font-size: .75em;
49     line-height: 0;
50     position: relative;
51     vertical-align: baseline;
52}
53
54sup {
55     top: -0.5em;
56}
57
58sub {
59     bottom: -0.25em;
60}
61
62abbr[title] {
63     border-bottom: 1px dotted;
64     cursor: help;
65}
66
67b,
68strong {
69     font-weight: bold;
70     font-size: 0.9375em;
71}
72
73small {
74     font-size: 80%;
75}
76
77dfn {
78     font-style: italic;
79}
80
81hr {
82     box-sizing: content-box;
83     height: 0;
84}
85
86mark {
87     background: #ff0;
88     color: #000;
89}
90
91code,
92kbd,
93pre,
94samp {
95     font-family: monospace, serif;
96     font-size: 1em;
97}
98
99pre {
100     white-space: pre-wrap;
101}
102
103fieldset {
104     margin: 0;
105     padding: 0;
106     border: none;
107}
108
109input,
110button,
111select {
112     vertical-align: middle;
113}
114
115button,
116input,
117select,
118textarea {
119     font-family: inherit;
120     font-size: 100%;
121     margin: 0;
122}
123
124button,
125input {
126     line-height: normal;
127}
128
129button,
130html input[type="button"],
131input[type="reset"],
132input[type="submit"] {
133     -webkit-appearance: button;
134     cursor: pointer;
135}
136
137button[disabled],
138html input[disabled] {
139     cursor: default;
140}
141
142input[type="checkbox"],
143input[type="radio"] {
144     padding: 0;
145     border: none;
146}
147
148input[type="search"] {
149     -webkit-appearance: textfield;
150}
151
152input[type="search"]::-webkit-search-cancel-button,
153input[type="search"]::-webkit-search-decoration {
154     -webkit-appearance: none;
155}
156
157button::-moz-focus-inner,
158input::-moz-focus-inner {
159     border: 0;
160     padding: 0;
161}
162
163textarea {
164     overflow: auto;
165     vertical-align: top;
166}
167
168table {
169     border-collapse: collapse;
170     margin-bottom: 1.5em;
171}
172
173td,
174th {
175     padding: 1px;
176     vertical-align: top;
177     text-align: left;
178}
179
180td:first-child,
181th:first-child {
182     empty-cells: hide;
183}
184
185
186/* scripts */
187
188body > script {
189     display: none !important;
190}
191
192
193/* HTML5 for old browsers */
194
195article,
196aside,
197details,
198figcaption,
199figure,
200footer,
201header,
202hgroup,
203main,
204nav,
205section,
206summary {
207     display: block;
208}
209
210audio,
211canvas,
212video {
213     display: inline-block;
214}
215
216audio:not([controls]) {
217     display: none;
218     height: 0;
219}
220
221figure {
222     margin: 0;
223}
224
225[hidden],
226template {
227     display: none;
228}
229
230svg:not(:root) {
231     overflow: hidden;
232}
233
234
235/* Headings reset */
236
237h1,
238h2,
239h3,
240h4,
241h5,
242h6 {
243     font-size: 1em;
244     font-weight: normal;
245     margin: 0;
246}
247
248
249/* Screen-reader only */
250
251.visually-hidden {
252     @include visually-hidden;
253     &:focus,
254     &:active {
255          @include visually-hidden-focus;
256     }
257}
258
259.sr-only {
260  @include visually-hidden;
261}
Note: See TracBrowser for help on using the repository browser.

Sites map