mirrors/remark42
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

migrate from sass to PostCSS (#142)

Browse Source 
closes #135
This commit is contained in:
Mihail Novikov
2018-07-09 01:17:04 +04:00
committed by Aleksei Gurianov
parent 20f08683b5
commit bcd28306e2
9 changed files with 189 additions and 1376 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/app/components/comment/_editing/comment_editing.scss
+1 -1
View File
@@ -12,7 +12,7 @@
right: 0;
}
// it isn't mobile first, but it's fine here
/* it isn't mobile first, but it's fine here */
@media (-moz-touch-enabled: 1) and (max-width: 768px), (pointer: coarse) and (max-width: 768px) {
border: 8px solid #eee;
padding-bottom: 0;
web/app/components/comment/_level/comment_level.scss
+4 -4
View File
@@ -1,14 +1,14 @@
$step: 24px;
@for $i from 1 through 5 {
@for $i from 1 to 5 {
.comment_level {
&_#{$i} {
padding-left: $i * $step;
&_$(i) {
padding-left: calc($i * $step);
&.comment_replying {
.comment__input {
@media (-moz-touch-enabled: 1) and (max-width: 768px), (pointer: coarse) and (max-width: 768px) {
margin-left: -$i * $step;
margin-left: calc(-$i * $step);
}
}
}
web/app/components/comment/_replying/comment_replying.scss
+1 -1
View File
@@ -8,7 +8,7 @@
right: 0;
}
// it isn't mobile first, but it's fine here
/* it isn't mobile first, but it's fine here */
@media (-moz-touch-enabled: 1) and (max-width: 768px), (pointer: coarse) and (max-width: 768px) {
border: 8px solid #eee;
padding-bottom: 0;
web/app/components/input/__field/input__field.scss
+3 -3
View File
@@ -3,7 +3,7 @@
$fontSize: 16px;
$paddingVrt: 10px;
$lines: 3;
$height: $fontSize * $lineHeight * $lines + $paddingVrt * 2;
$height: calc($fontSize * $lineHeight * $lines+$paddingVrt * 2);
box-sizing: border-box;
width: 100%;
@@ -17,8 +17,8 @@
background: #fff;
border: 0;
resize: none;
backface-visibility: hidden; // let's try to fix blinking in Safari
transform: translateZ(0); // let's try to fix blinking in Safari, again
backface-visibility: hidden; /* let's try to fix blinking in Safari */
transform: translateZ(0); /* let's try to fix blinking in Safari, again */
&:focus {
box-shadow: inset 0 0 0 2px #259c9a;
web/app/components/input/input.scss
+1 -1
View File
@@ -4,5 +4,5 @@
font-size: 0;
border: 12px solid #eee;
border-radius: 2px;
background: #fff; // try to fix textarea blinking in Safari
background: #fff; /* try to fix textarea blinking in Safari */
}
web/app/components/raw-content/raw-content.scss
+2 -2
View File
@@ -8,7 +8,7 @@
margin-top: 8px;
}
// imported comments have br instead of p
/* imported comments have br instead of p */
br {
content: '';
display: block;
@@ -125,7 +125,7 @@
sub {
sup,
sub {
vertical-align: middle; // to prevent some visual cheats
vertical-align: middle; /* to prevent some visual cheats */
}
}
}