/
index.html
108 lines (108 loc) · 5.83 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>clean-css: fast and efficient CSS optimizer</title>
<link rel="stylesheet" type="text/css" href="css/vendor/normalize.css"/>
<link rel="stylesheet" type="text/css" href="css/home.css"/>
<script src="js/optimizer.js"></script>
<script src="js/drag-drop.js"></script>
<script src="js/settings.js"></script>
</head>
<body>
<noscript>
Since clean-css is a JavaScript tool it requires JavaScript in your browser to be turned on.
</noscript>
<h1 class="logo">
<a class="logo__link" href="//github.com/jakubpawlowicz/clean-css" title="Go to clean-css project page">Go to clean-css project page</a>
</h1>
<article class="content">
<section class="drag-target">
<ol class="dropped-files" title="Drop your files here to optimize them"></ol>
<form class="settings settings--collapsed">
<fieldset class="settings__group">
<select class="settings__option settings__option--version" name="version">
<option value="v3.4.21" selected>3.4.21 (latest)</option>
</select>
</fieldset>
<fieldset class="settings__group settings__group--advanced">
<div class="settings__group__wrapper">
<input class="settings__option settings__option--checkbox settings__option--advanced" type="checkbox" id="advanced" name="advanced" />
<label class="settings__label" for="advanced">advanced optimizations</label>
</div>
<div class="settings__group__wrapper">
<input class="settings__option settings__option--checkbox" type="checkbox" id="aggressive_merging" name="aggressive-merging" disabled />
<label class="settings__label" for="aggressive_merging">aggressive merging</label>
</div>
<div class="settings__group__wrapper">
<input class="settings__option settings__option--checkbox" type="checkbox" id="media_merging" name="media-merging" disabled />
<label class="settings__label" for="media_merging">@media merging</label>
</div>
<div class="settings__group__wrapper">
<input class="settings__option settings__option--checkbox" type="checkbox" id="restructuring" name="restructuring" disabled />
<label class="settings__label" for="restructuring">restructuring</label>
</div>
<div class="settings__group__wrapper">
<input class="settings__option settings__option--checkbox" type="checkbox" id="shorthand_compacting" name="shorthand-compacting" disabled />
<label class="settings__label" for="shorthand_compacting">shorthand compacting</label>
</div>
</fieldset>
<fieldset class="settings__group">
<div class="settings__group__wrapper">
<input class="settings__option" type="checkbox" id="keep_breaks" name="keep-breaks" />
<label class="settings__label" for="keep_breaks">keep line breaks</label>
</div>
<div class="settings__group__wrapper">
<input class="settings__option settings__option--precision" type="number" min="-1" max="999999" id="rounding_precision" name="rounding-precision" value="2" />
<label class="settings__label" for="rounding_precision">rounding precision</label>
</div>
<div class="settings__group__wrapper">
<select class="settings__option settings__option--compatibility" id="compatibility" name="compatibility">
<option value="" selected>Modern browsers compatibility</option>
<option value="ie8">Modern browsers & Internet Explorer 8 compatibility</option>
<option value="ie7">Modern browsers & Internet Explorer 7/8 compatibility</option>
</select>
</div>
<div class="settings__group__wrapper">
<select class="settings__option settings__option--keep-special-comments" id="keep_special_comments" name="keep-special-comments">
<option value="*" selected>Keep all special comments</option>
<option value="1">Remove all special but one special comment</option>
<option value="0">Remove all special comments</option>
</select>
</div>
</fieldset>
<fieldset class="settings__group">
<input class="settings__option settings__option--apply" type="button" name="" value="Apply"/>
</fieldset>
</form>
</section>
<p class="legend">
CSS optimizing happens directly in your browser using a browser-compatible build of clean-css. If you miss any functionality, you are more than welcome to <a href="//github.com/jakubpawlowicz/clean-css/tree/master/docs">add it</a>!
</p>
</article>
<footer class="footer">
Hosted with <span class="footer__heart">❤️</span> on <a href="//pages.github.com/">GitHub Pages.</a>
</footer>
<textarea class="clipboard-copy"></textarea>
<template class="dropped-file-template">
<li class="dropped-files__file">
<span class="dropped-files__file__name"></span>
<span class="dropped-files__file__summary"></span>
<a class="dropped-files__file__action dropped-files__file__action--save" href="#" download="test.css">save</a>
<a class="dropped-files__file__action dropped-files__file__action--copy" href="#" data-success-label="done!" data-error-label="oops! see console for details" data-original-label="copy to clipboard">copy to clipboard</a>
</li>
</template>
<script>
if (location.host == 'jakubpawlowicz.github.io') {
(function() {
window.clicky_site_ids = [126539]
var s = document.createElement('script')
s.async = true
s.src = '//static.getclicky.com/js'
document.head.appendChild(s)
})()
}
</script>
<noscript><img alt="Clicky" width="1" height="1" src="//in.getclicky.com/126539ns.gif" /></noscript>
</body>
</html>