Merge branch 'usualoma-feature/update-normalize-css' into Enji. bugid…

…:112773
movabletype · Mar 27, 2015 · 741b21c · 741b21c
1 parent d6a3a36
commit 741b21c
Show file tree

Hide file tree

Showing 16 changed files with 2,175 additions and 284 deletions.
diff --git a/build/themes/rainier/scss/_basics.scss b/build/themes/rainier/scss/_basics.scss
diff --git a/build/themes/rainier/scss/_clearfix.scss b/build/themes/rainier/scss/_clearfix.scss
@@ -0,0 +1,13 @@
+@mixin clearfix {
+    zoom: 1;
+    &:before,
+    &:after {
+        display: block;
+        height: 0;
+        visibility: hidden;
+        content: "\0020";
+    }
+    &:after {
+        clear: both;
+    }
+}
diff --git a/build/themes/rainier/scss/_component.scss b/build/themes/rainier/scss/_component.scss
@@ -0,0 +1,66 @@
+@import "clearfix";
+
+@mixin border-radius($params) {
+  @each $vendor in null {
+    #{$vendor}border-radius: $params;
+  }
+}
+
+@mixin box-shadow($params, $inset_params:null) {
+  @each $vendor in null {
+    #{$vendor}box-shadow: $params, $inset_params;
+  }
+}
+
+@mixin box-sizing($model:border-box) {
+  @each $vendor in -moz-, null {
+    #{$vendor}box-sizing: $model;
+  }
+}
+
+@mixin opacity($degree) {
+  $degree_num: ($degree * 100);
+  opacity: $degree;
+  -ms-filter: 'alpha(opacity = #{$degree_num})';
+  filter: alpha(opacity = $degree_num);
+}
+
+@mixin linear-gradient($start, $last) {
+  @each $vendor in -ms-, -moz-, -webkit-, null {
+    background-image: #{$vendor}linear-gradient($start, $last);
+  }
+}
+
+@mixin tag-cloud($base: 1em) {
+  font-size: $base;
+  line-height: 1.2 * $base;
+  &.rank-1 {
+    font-size: ($base * 1.8);
+  }
+  &.rank-2 {
+    font-size: ($base * 1.5);
+  }
+  &.rank-3 {
+    font-size: ($base * 1.3);
+  }
+  &.rank-4 {
+    font-size: $base;
+  }
+  &.rank-5 {
+    font-size: ($base * 0.9);
+  }
+  &.rank-6 {
+    font-size: ($base * 0.85);
+  }
+  &.rank-7 {
+    font-size: ($base * 0.7);
+  }
+}
+
+%border-box {
+  @include box-sizing(border-box);
+}
+
+%clearfix {
+  @include clearfix;
+}
diff --git a/build/themes/rainier/scss/_debug.scss b/build/themes/rainier/scss/_debug.scss
@@ -0,0 +1,41 @@
+body {
+    outline: 1px solid #eee;
+
+    > * {
+        outline: 1px solid #ccc;
+        background-color: #eee;
+
+        > * {
+            outline: 1px solid #85d9e9;
+            background-color: #e7f8fb;
+
+            > * {
+                outline: 1px solid #8cea86;
+                background-color: #e8fbe7;
+
+                > * {
+                    outline: 1px solid #ffd292;
+                    background-color: #fff7d8;
+
+                    > * {
+                        outline: 1px solid #e656b1;
+                        background-color: #f9d3eb;
+
+                        > * {
+                            outline: 1px solid #c9171e;
+                            background-color: #d3381c;
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
+
+a,
+input,
+textarea,
+select {
+    outline: 0;
+    background: none;
+}