Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commitb6029f0

Browse files
committed
Remove outdated vendor prefixes and mixins
1 parent7529dd2 commitb6029f0

File tree

9 files changed

+27
-227
lines changed

9 files changed

+27
-227
lines changed

‎_sass/_coderay.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
@includefont(12);
88
color:#d0d0d0;
99
margin-bottom:1.5em;
10-
@includerounded(3px);
10+
border-radius:3px;
1111
}
1212

1313
.CodeRay.codepre {

‎_sass/_dl-menu.scss‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -35,12 +35,12 @@
3535
position:relative;
3636
cursor:pointer;
3737
outline:none;
38-
@includeborder-radius(0,3px,0,0);
38+
border-radius:003px0;
3939
opacity:0.6;
4040
box-shadow:012px24pxrgba(#000,0.4);
4141

4242
@media#{$medium} {
43-
@includeborder-radius(3px,3px,3px,3px);
43+
border-radius:3px;
4444
}
4545
}
4646

@@ -159,7 +159,7 @@
159159
z-index:inherit;
160160

161161
@media#{$medium} {
162-
@includeborder-radius(3px,3px,3px,3px);
162+
border-radius:3px;
163163
}
164164
}
165165

@@ -178,7 +178,7 @@
178178
}
179179

180180
.dl-submenu {
181-
@includerounded(3px);
181+
border-radius:3px;
182182
box-shadow:012px24pxrgba(#000,0.4);
183183

184184
.btn {

‎_sass/_elements.scss‎

Lines changed: 6 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -29,14 +29,12 @@ figure {
2929
a {
3030

3131
img {
32-
@includetranslate(0,0);
33-
-webkit-transition-duration:0.25s;
34-
-moz-transition-duration:0.25s;
35-
-o-transition-duration:0.25s;
32+
transform:translate(0,0);
33+
transition-duration:0.25s;
3634

3735
&:hover {
38-
@includetranslate(0,-5px);
39-
@includebox-shadow(0010pxfade($base-color,20));
36+
transform:translate(0,-5px);
37+
box-shadow:0010pxrgba($base-color,0.2);
4038
}
4139
}
4240
}
@@ -92,7 +90,7 @@ svg:not(:root) {
9290
border-width:2px!important;
9391
border-style:solid!important;
9492
border-color:$primary;
95-
@includerounded(3px);
93+
border-radius:3px;
9694

9795
&:visited {
9896
color:#fff;
@@ -186,5 +184,5 @@ svg:not(:root) {
186184
.well {
187185
padding:20px;
188186
border:1pxsolid$comp-color;
189-
@includerounded(4px);
187+
border-radius:4px;
190188
}

‎_sass/_mixins.scss‎

Lines changed: 1 addition & 199 deletions
Original file line numberDiff line numberDiff line change
@@ -75,193 +75,9 @@
7575
}
7676

7777
/*
78-
Gradients
78+
Visibility
7979
==========================================================================*/
8080

81-
@mixinhorizontal($startColor :#fff,$endColor :$lightergrey) {
82-
background-color:$endColor;
83-
background-image :-webkit-gradient(linear,00,100%0,from($startColor),to($endColor));// Safari 4+, Chrome 2+
84-
background-image :-webkit-linear-gradient(left,$startColor,$endColor);// Safari 5.1+, Chrome 10+
85-
background-image :-moz-linear-gradient(left,$startColor,$endColor);// FF 3.6+
86-
background-image :-ms-linear-gradient(left,$startColor,$endColor);// IE10
87-
background-image :-o-linear-gradient(left,$startColor,$endColor);// Opera 11.10
88-
background-image :linear-gradient(left,$startColor,$endColor);// W3C
89-
background-repeat :repeat-x;
90-
}
91-
92-
@mixinvertical($startColor :#fff,$endColor:$lightergrey) {
93-
background-image :-webkit-gradient(linear,00,0100%,from($startColor),to($endColor));// Safari 4+, Chrome 2+
94-
background-image :-webkit-linear-gradient(top,$startColor,$endColor);// Safari 5.1+, Chrome 10+
95-
background-color :$endColor;
96-
background-image :-moz-linear-gradient(top,$startColor,$endColor);// FF 3.6+
97-
background-image :-ms-linear-gradient(top,$startColor,$endColor);// IE10
98-
background-image :-o-linear-gradient(top,$startColor,$endColor);// Opera 11.10
99-
background-image :linear-gradient(top,$startColor,$endColor);// W3C
100-
background-repeat :repeat-x;
101-
}
102-
103-
@mixindirectional($startColor :#fff,$endColor :$lightergrey,$deg :45deg) {
104-
background-color :$endColor;
105-
background-image :-moz-linear-gradient($deg,$startColor,$endColor);// FF 3.6+
106-
background-image :-ms-linear-gradient($deg,$startColor,$endColor);// IE10
107-
background-image :-webkit-linear-gradient($deg,$startColor,$endColor);// Safari 5.1+, Chrome 10+
108-
background-image :-o-linear-gradient($deg,$startColor,$endColor);// Opera 11.10
109-
background-image :linear-gradient($deg,$startColor,$endColor);// W3C
110-
background-repeat :repeat-x;
111-
}
112-
113-
/* .bordered(COLOR, COLOR, COLOR, COLOR);*/
114-
@mixinbordered($top-color:#eee,$right-color:#eee,$bottom-color:#eee,$left-color:#eee) {
115-
border-top :solid1px$top-color;
116-
border-left :solid1px$left-color;
117-
border-right :solid1px$right-color;
118-
border-bottom :solid1px$bottom-color;
119-
}
120-
121-
/*
122-
Rounded corners
123-
==========================================================================*/
124-
125-
/* .rounded(VALUE);*/
126-
@mixinrounded($radius:4px) {
127-
-webkit-border-radius :$radius;
128-
-moz-border-radius :$radius;
129-
border-radius :$radius;
130-
}
131-
132-
/* .border-radius(VALUE,VALUE,VALUE,VALUE);*/
133-
@mixinborder-radius($topright:0,$bottomright:0,$bottomleft:0,$topleft:0) {
134-
-webkit-border-top-right-radius :$topright;
135-
-webkit-border-bottom-right-radius :$bottomright;
136-
-webkit-border-bottom-left-radius :$bottomleft;
137-
-webkit-border-top-left-radius :$topleft;
138-
-moz-border-radius-topright :$topright;
139-
-moz-border-radius-bottomright :$bottomright;
140-
-moz-border-radius-bottomleft :$bottomleft;
141-
-moz-border-radius-topleft :$topleft;
142-
border-top-right-radius :$topright;
143-
border-bottom-right-radius :$bottomright;
144-
border-bottom-left-radius :$bottomleft;
145-
border-top-left-radius :$topleft;
146-
-webkit-background-clip :padding-box;
147-
-moz-background-clip :padding;
148-
background-clip :padding-box;
149-
}
150-
151-
/* .box-shadow(HORIZONTAL VERTICAL BLUR COLOR));*/
152-
@mixinbox-shadow($shadow:01px3pxrgba(0,0,0,.25)) {
153-
-webkit-box-shadow :$shadow;
154-
-moz-box-shadow :$shadow;
155-
box-shadow :$shadow;
156-
}
157-
158-
/* .drop-shadow(HORIZONTAL, VERTICAL, BLUR, ALPHA);*/
159-
@mixindrop-shadow($x-axis:0,$y-axis:1px,$blur:2px,$alpha:0.1) {
160-
-webkit-box-shadow :$x-axis$y-axis$blurrgba(0,0,0,$alpha);
161-
-moz-box-shadow :$x-axis$y-axis$blurrgba(0,0,0,$alpha);
162-
box-shadow :$x-axis$y-axis$blurrgba(0,0,0,$alpha);
163-
}
164-
165-
/* .text-shadow();*/
166-
@mixintext-shadow($shadow:02px3pxrgba(0,0,0,.25)) {
167-
text-shadow :$shadow;
168-
}
169-
170-
/*
171-
Transformations
172-
==========================================================================*/
173-
174-
/* .rotate(VALUEdeg);*/
175-
@mixinrotate($deg) {
176-
-webkit-transform :rotate($deg);
177-
-moz-transform :rotate($deg);
178-
-ms-transform :rotate($deg);
179-
-o-transform :rotate($deg);
180-
transform :rotate($deg);
181-
}
182-
183-
/* .scale(VALUE);*/
184-
@mixinscale($ratio) {
185-
-webkit-transform :scale($ratio);
186-
-moz-transform :scale($ratio);
187-
-ms-transform :scale($ratio);
188-
-o-transform :scale($ratio);
189-
transform :scale($ratio);
190-
}
191-
192-
/* .skew(VALUE, VALUE);*/
193-
@mixinskew($x:0,$y:0) {
194-
-webkit-transform :skew($x,$y);
195-
-moz-transform :skew($x,$y);
196-
-ms-transform :skew($x,$y);
197-
-o-transform :skew($x,$y);
198-
transform :skew($x,$y);
199-
}
200-
201-
/* .transition(PROPERTY DURATION DELAY(OPTIONAL) TIMING-FINCTION);*/
202-
@mixintransition($transition) {
203-
-webkit-transition :$transition;
204-
-moz-transition :$transition;
205-
-ms-transition :$transition;
206-
-o-transition :$transition;
207-
transition :$transition;
208-
}
209-
210-
/* .translate(VALUE, VALUE);*/
211-
@mixintranslate($x:0,$y:0) {
212-
-webkit-transform :translate($x,$y);
213-
-moz-transform :translate($x,$y);
214-
-ms-transform :translate($x,$y);
215-
-o-transform :translate($x,$y);
216-
transform :translate($x,$y);
217-
}
218-
219-
@mixintranslate3d($x:0,$y:0,$z:0) {
220-
-webkit-transform :translate($x,$y,$z);
221-
-moz-transform :translate($x,$y,$z);
222-
-ms-transform :translate($x,$y,$z);
223-
-o-transform :translate($x,$y,$z);
224-
transform :translate($x,$y,$z);
225-
}
226-
227-
@mixinanimation($name,$duration:300ms,$delay:0,$ease:ease) {
228-
-webkit-animation:$name$duration$delay$ease;
229-
-moz-animation:$name$duration$delay$ease;
230-
-ms-animation:$name$duration$delay$ease;
231-
}
232-
233-
/*
234-
Background
235-
==========================================================================*/
236-
237-
/* .background-alpha(VALUE VALUE);*/
238-
@mixinbackground-alpha($color:#fff,$alpha:1) {
239-
background-color :hsla(hue($color),saturation($color),lightness($color),$alpha);
240-
}
241-
242-
/* .background-size(VALUE VALUE);*/
243-
@mixinbackground-size($size){
244-
-webkit-background-size :$size;
245-
-moz-background-size :$size;
246-
-o-background-size :$size;
247-
background-size :$size;
248-
}
249-
250-
/* .background-clip(VALUE); (border-box, padding-box, content-box)*/
251-
@mixinbackground-clip($clip) {
252-
-webkit-background-clip :$clip;
253-
-moz-background-clip :$clip;
254-
background-clip :$clip;
255-
}
256-
257-
/* .box-sizing(VALUE); (border-box, padding-box, content-box)*/
258-
@mixinbox-sizing($boxsize:border-box) {
259-
-webkit-box-sizing :$boxsize;
260-
-moz-box-sizing :$boxsize;
261-
-ms-box-sizing :$boxsize;
262-
box-sizing :$boxsize;
263-
}
264-
26581
/* For image replacement*/
26682
@mixinhide-text() {
26783
text-indent :100%;
@@ -284,20 +100,6 @@
284100
visibility :hidden;
285101
}
286102

287-
/* .resize(VALUE) (none, both, horizontal, vertical, inherit)*/
288-
@mixinresize($direction:both) {
289-
resize :$direction;
290-
overflow :auto;
291-
}
292-
293-
/* .userselect(VALUE) (all, element, none, text)*/
294-
@mixinuser-select($select) {
295-
-webkit-user-select :$select;
296-
-moz-user-select :$select;
297-
-o-user-select :$select;
298-
user-select :$select;
299-
}
300-
301103
/* Hidden but available to speaking browsers*/
302104
@mixinvisuallyhidden() {
303105
overflow :hidden;

‎_sass/_page.scss‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -195,7 +195,7 @@ body {
195195
color:#fff;
196196
@includefont-rem(12);
197197
text-align:right;
198-
@includeborder-radius(3px,0,0,3px);
198+
border-radius:3px000;
199199
z-index:10;
200200

201201
@media#{$medium} {
@@ -236,7 +236,7 @@ body {
236236
display:inline-block;
237237
margin:4px;
238238
color:#fff;
239-
@includerounded(3px);
239+
border-radius:3px;
240240
background-color:lighten($base-color,50);
241241

242242
span {
@@ -246,7 +246,7 @@ body {
246246

247247
.count {
248248
background-color:lighten($base-color,40);
249-
@includeborder-radius(3px,3px,0,0);
249+
border-radius:03px3px0;
250250
}
251251

252252
&:hover {
@@ -275,7 +275,7 @@ header .entry-meta {
275275
padding:10px15px;
276276
background-color:#fff;
277277
box-shadow:0000,06px12pxrgba(#000,0.1);
278-
@includerounded(3px);
278+
border-radius:3px;
279279

280280
@media#{$medium} {
281281
margin-left:10px;
@@ -299,7 +299,7 @@ header .entry-meta {
299299
padding:10px15px;
300300
background-color:#fff;
301301
box-shadow:0001pxrgba($border-color,0.1),06px12pxrgba(#000,0.1);
302-
@includerounded(3px);
302+
border-radius:3px;
303303

304304
@media#{$medium} {
305305
margin-left:10px;
@@ -363,7 +363,7 @@ header .entry-meta {
363363
padding:40px15px25px;
364364
background-color:#fff;
365365
box-shadow:0001pxrgba($border-color,0.1),06px12pxrgba(#000,0.1);
366-
@includerounded(3px);
366+
border-radius:3px;
367367

368368
@media#{$medium} {
369369
margin:50px10px20px10px;
@@ -472,7 +472,7 @@ header .entry-meta {
472472
article {
473473
background-color:#fff;
474474
box-shadow:0000,06px12pxrgba($base-color,0.1);
475-
@includerounded(3px);
475+
border-radius:3px;
476476
margin-bottom:20px;
477477
padding:25px15px;
478478

@@ -508,7 +508,7 @@ header .entry-meta {
508508
}
509509

510510
img {
511-
@includeborder-radius(3px,0,0,3px);// round image corners
511+
border-radius:3px3px00;// round image corners
512512
}
513513
}
514514

@@ -584,7 +584,7 @@ header .entry-meta {
584584
border-width:2px!important;
585585
border-style:solid!important;
586586
border-color:lighten($primary,50);
587-
@includerounded(3px);
587+
border-radius:3px;
588588
}
589589

590590
#goog-wm-sb {

‎_sass/_reset.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -143,7 +143,7 @@ input[type="checkbox"] {
143143
cursor:pointer;// Improves usability and consistency of cursor style between image-type `input` and others.
144144
}
145145
input[type="search"] {// Appearance in Safari/Chrome
146-
@includebox-sizing(content-box);
146+
box-sizing:content-box;
147147
-webkit-appearance: textfield;
148148
}
149149
input[type="search"]::-webkit-search-decoration,

‎_sass/_site.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -76,5 +76,5 @@
7676
==========================================================================*/
7777

7878
b,i,strong,em,blockquote,p,q,span,figure,img,h1,h2,header,input,a {
79-
@includetransition(all0.2sease);
79+
transition:all0.2sease;
8080
}

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp