Skip to content

Commit 8be8ea7

Browse files
stefanvstefanv
authored
Use purgeCSS to reduce fresh CSS (#319)
1 parent 64e3dd3 commit 8be8ea7

7 files changed

Lines changed: 240 additions & 443 deletions

File tree

‎assets/theme-css/fresh.css‎

Lines changed: 239 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,239 @@
1+
.navbar.is-fresh {
2+
position: relative;
3+
min-height: 3.8rem;
4+
transition: all 0.3s;
5+
z-index: 99;
6+
}
7+
.navbar.is-fresh .container {
8+
min-height: 4rem;
9+
}
10+
.navbar.is-fresh.no-shadow {
11+
box-shadow: none !important;
12+
}
13+
.navbar.is-fresh .navbar-burger {
14+
width: 4rem;
15+
height: 4rem;
16+
}
17+
.navbar.is-fresh .navbar-brand {
18+
min-height: 4rem;
19+
}
20+
.navbar.is-fresh .navbar-brand img {
21+
max-height: 36px !important;
22+
height: 36px;
23+
}
24+
.navbar.is-fresh .navbar-brand:hover .navbar-item {
25+
background: 0 0 !important;
26+
}
27+
.navbar.is-fresh .navbar-end {
28+
align-items: center;
29+
}
30+
.navbar.is-fresh .navbar-item.has-dropdown {
31+
padding: 10px 0;
32+
}
33+
.navbar.is-fresh .navbar-item.has-dropdown .navbar-link {
34+
color: #999;
35+
}
36+
.navbar.is-fresh .navbar-item.has-dropdown .navbar-link:after {
37+
top: 55%;
38+
height: 0.5em;
39+
width: 0.5em;
40+
border-width: 2px;
41+
border-color: #999;
42+
}
43+
.navbar.is-fresh .navbar-item.has-dropdown .navbar-dropdown {
44+
top: 3.4rem;
45+
min-width: 220px;
46+
margin-top: 4px;
47+
border-top-color: #f39200;
48+
}
49+
.navbar.is-fresh .navbar-item.has-dropdown .navbar-dropdown .navbar-item {
50+
padding: 10px 20px;
51+
}
52+
.navbar.is-fresh .navbar-item.has-dropdown:hover .navbar-link {
53+
color: #f39200;
54+
}
55+
.navbar.is-fresh .navbar-item.has-dropdown:hover .navbar-link:after {
56+
border-color: #f39200;
57+
}
58+
.navbar.is-fresh.is-fixed {
59+
position: fixed;
60+
top: 0;
61+
left: 0;
62+
width: 100%;
63+
min-height: 4rem !important;
64+
background: #fff;
65+
box-shadow: 0 0 8px rgba(0, 0, 0, 0.12);
66+
}
67+
.navbar.is-fresh.is-fixed a {
68+
color: #444f60;
69+
}
70+
.navbar.is-fresh.is-fixed a:hover {
71+
color: #4fc1ea;
72+
}
73+
#navbar-clone {
74+
position: fixed;
75+
top: 0;
76+
left: 0;
77+
width: 100%;
78+
transform: translateY(-100%);
79+
z-index: 100;
80+
box-shadow: 0 0 8px rgba(0, 0, 0, 0.12);
81+
}
82+
#navbar-clone.is-active {
83+
transform: translateY(0);
84+
}
85+
.animated {
86+
animation-duration: 0.5s;
87+
animation-fill-mode: both;
88+
-webkit-animation-duration: 0.5s;
89+
-webkit-animation-fill-mode: both;
90+
}
91+
@keyframes fadeInLeft {
92+
from {
93+
-webkit-transform: translate3d(20px, 0, 0);
94+
transform: translate3d(20px, 0, 0);
95+
opacity: 0;
96+
}
97+
to {
98+
-webkit-transform: translate3d(0, 0, 0);
99+
transform: translate3d(0, 0, 0);
100+
opacity: 1;
101+
}
102+
}
103+
@-webkit-keyframes fadeInLeft {
104+
from {
105+
-webkit-transform: translate3d(20px, 0, 0);
106+
transform: translate3d(20px, 0, 0);
107+
opacity: 0;
108+
}
109+
to {
110+
-webkit-transform: translate3d(0, 0, 0);
111+
transform: translate3d(0, 0, 0);
112+
opacity: 1;
113+
}
114+
}
115+
@keyframes fadeInUp {
116+
from {
117+
-webkit-transform: translate3d(0, 20px, 0);
118+
transform: translate3d(0, 20px, 0);
119+
}
120+
to {
121+
-webkit-transform: translate3d(0, 0, 0);
122+
transform: translate3d(0, 0, 0);
123+
opacity: 1;
124+
}
125+
}
126+
@-webkit-keyframes fadeInUp {
127+
from {
128+
-webkit-transform: translate3d(0, 20px, 0);
129+
transform: translate3d(0, 20px, 0);
130+
}
131+
to {
132+
-webkit-transform: translate3d(0, 0, 0);
133+
transform: translate3d(0, 0, 0);
134+
opacity: 1;
135+
}
136+
}
137+
@keyframes gelatine {
138+
from,
139+
to {
140+
transform: scale(1, 1);
141+
}
142+
25% {
143+
transform: scale(0.9, 1.1);
144+
}
145+
50% {
146+
transform: scale(1.1, 0.9);
147+
}
148+
75% {
149+
transform: scale(0.95, 1.05);
150+
}
151+
}
152+
section:focus {
153+
outline: none !important;
154+
}
155+
button:focus,
156+
button:active {
157+
outline: none;
158+
}
159+
#preloader {
160+
position: fixed;
161+
top: 0;
162+
left: 0;
163+
right: 0;
164+
bottom: 0;
165+
background-color: #fff;
166+
z-index: 99;
167+
}
168+
#status {
169+
width: 200px;
170+
height: 200px;
171+
position: absolute;
172+
left: 50%;
173+
top: 50%;
174+
background-image: url(../../images/loaders/rings.svg);
175+
background-size: 80px 80px;
176+
background-repeat: no-repeat;
177+
background-position: 50%;
178+
margin: -100px 0 0 -100px;
179+
}
180+
#backtotop {
181+
position: fixed;
182+
right: 0;
183+
opacity: 0;
184+
visibility: hidden;
185+
bottom: 25px;
186+
margin: 0 25px 0 0;
187+
z-index: 9999;
188+
transition: 0.35s;
189+
transform: scale(0.7);
190+
transition: all 0.5s;
191+
}
192+
#backtotop.visible {
193+
opacity: 1;
194+
visibility: visible;
195+
transform: scale(1);
196+
}
197+
#backtotop.visible a:hover {
198+
outline: none;
199+
opacity: 0.9;
200+
background: #f39200;
201+
}
202+
#backtotop a {
203+
outline: none;
204+
text-decoration: none;
205+
border: 0;
206+
display: block;
207+
width: 46px;
208+
height: 46px;
209+
background-color: #66676b;
210+
opacity: 1;
211+
transition: all 0.3s;
212+
border-radius: 50%;
213+
text-align: center;
214+
font-size: 26px;
215+
}
216+
body #backtotop a {
217+
outline: none;
218+
color: #fff;
219+
}
220+
#backtotop a:after {
221+
outline: none;
222+
content: "⮝";
223+
position: relative;
224+
display: block;
225+
top: 50%;
226+
-webkit-transform: translateY(-55%);
227+
transform: translateY(-55%);
228+
}
229+
.stuck {
230+
position: fixed !important;
231+
top: 0 !important;
232+
z-index: 2 !important;
233+
}
234+
::-webkit-input-placeholder {
235+
color: #cecece;
236+
}
237+
::-moz-placeholder {
238+
color: #cecece;
239+
}

‎assets/theme-css/fresh/core.scss‎

Lines changed: 0 additions & 9 deletions
This file was deleted.

‎assets/theme-css/fresh/partials/_animations.scss‎

Lines changed: 0 additions & 117 deletions
This file was deleted.

‎assets/theme-css/fresh/partials/_colors.scss‎

Lines changed: 0 additions & 30 deletions
This file was deleted.

0 commit comments

Comments
 (0)