Converted LESS to SCSS

diff --git a/files/style/conversation.less b/files/style/conversation.less
deleted file mode 100644 (file)
index 5258983..0000000
--- a/files/style/conversation.less
+++ /dev/null
@@ -1,105 +0,0 @@
-#conversationLabelFilter {
-       margin-bottom: @wcfGapMedium;
-}
-
-.conversationLabelList {
-       margin-bottom: @wcfGapMedium;
-       
-       li:not(:last-child) {
-               margin-bottom: @wcfGapTiny;
-       }
-       
-       &~small {
-               display: block;
-       }
-}
-
-#unreadConversations .dropdownMenu > li {
-       h3 {
-               max-width: 250px;
-               overflow: hidden;
-               text-overflow: ellipsis;
-       }
-}
-
-.conversationParticipantList {
-       > li {
-               .inlineDataList {
-                       font-size: @wcfSmallFontSize;
-               }
-               
-               &.conversationLeft > div {
-                       > a > img,
-                       > span > img {
-                               .grayscale;
-                       }
-               }
-       }
-}
-
-.conversationLeft .userLink,
-.conversationLeft.userLink,
-.conversationLeft p > span {
-       text-decoration: line-through;
-}
-
-.sidebar fieldset.conversationQuota {
-       > div {
-               text-align: center;
-       }
-}
-
-.conversationUsageBar {
-       background-color: @wcfColor;
-       border-radius: 5px;
-       height: 20px;
-       padding: 4px;
-       
-       .boxShadowNative(~"inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .5)");
-       
-       > span {
-               border-radius: 3px;
-               color: transparent;
-               display: block;
-               height: 100%;
-               
-               .boxShadowNative(~"inset 0 1px 0 rgba(255, 255, 255, .5)");
-               .linearGradient(rgba(165, 223, 65, 1), rgba(165, 223, 65, 1), rgba(76, 169, 22, 1));
-       }
-       
-       &.yellow > span {
-               .linearGradient(rgba(254, 207, 35, 1), rgba(254, 207, 35, 1), rgba(253, 146, 21, 1));
-       }
-       
-       &.red > span {
-               .linearGradient(rgba(240, 163, 163, 1), rgba(240, 163, 163, 1), rgba(244, 35, 35, 1));
-       }
-}
-
-@media only screen and (max-width: 800px) {
-       .conversationList {
-               thead {
-                       display: none;
-               }
-               
-               tbody {
-                       .columnMark,
-                       .columnReplies,
-                       .columnParticipants,
-                       .columnLastPost,
-                       .conversationParticipantSummary,
-                       .columnSubject .statusDisplay {
-                               display: none;
-                       }
-               }
-       }
-}
-
-@media only screen and (max-width: 1239px) {
-       .conversationList {
-               thead .columnParticipants,
-               tbody .columnParticipants {
-                       display: none;
-               }
-       }
-}
\ No newline at end of file

diff --git a/files/style/conversation.scss b/files/style/conversation.scss
new file mode 100644 (file)
index 0000000..204b660
--- /dev/null
+++ b/files/style/conversation.scss
@@ -0,0 +1,103 @@
+#conversationLabelFilter {
+       margin-bottom: $wcfGapMedium;
+}
+
+.conversationLabelList {
+       margin-bottom: $wcfGapMedium;
+       
+       li:not(:last-child) {
+               margin-bottom: $wcfGapTiny;
+       }
+       
+       &~small {
+               display: block;
+       }
+}
+
+#unreadConversations .dropdownMenu > li {
+       h3 {
+               max-width: 250px;
+               overflow: hidden;
+               text-overflow: ellipsis;
+       }
+}
+
+.conversationParticipantList {
+       > li {
+               .inlineDataList {
+                       font-size: $wcfSmallFontSize;
+               }
+               
+               &.conversationLeft > div {
+                       > a > img,
+                       > span > img {
+                               @extend .grayscale;
+                       }
+               }
+       }
+}
+
+.conversationLeft .userLink,
+.conversationLeft.userLink,
+.conversationLeft p > span {
+       text-decoration: line-through;
+}
+
+.sidebar fieldset.conversationQuota {
+       > div {
+               text-align: center;
+       }
+}
+
+.conversationUsageBar {
+       background-color: $wcfColor;
+       border-radius: 5px;
+       box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .5);
+       height: 20px;
+       padding: 4px;
+       
+       > span {
+               background-image: linear-gradient(rgba(165, 223, 65, 1), rgba(76, 169, 22, 1));
+               border-radius: 3px;
+               box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5);
+               color: transparent;
+               display: block;
+               height: 100%;
+       }
+       
+       &.yellow > span {
+               background-image: linear-gradient(rgba(254, 207, 35, 1), rgba(253, 146, 21, 1));
+       }
+       
+       &.red > span {
+               background-image: linear-gradient(rgba(240, 163, 163, 1), rgba(244, 35, 35, 1));
+       }
+}
+
+@media only screen and (max-width: 800px) {
+       .conversationList {
+               thead {
+                       display: none;
+               }
+               
+               tbody {
+                       .columnMark,
+                       .columnReplies,
+                       .columnParticipants,
+                       .columnLastPost,
+                       .conversationParticipantSummary,
+                       .columnSubject .statusDisplay {
+                               display: none;
+                       }
+               }
+       }
+}
+
+@media only screen and (max-width: 1239px) {
+       .conversationList {
+               thead .columnParticipants,
+               tbody .columnParticipants {
+                       display: none;
+               }
+       }
+}
\ No newline at end of file