diff app/assets/stylesheets/_new-paste.scss @ 379:2ad092e60975

[mq]: new-design
author nanaya <me@myconan.net>
date Sun, 07 Jun 2015 02:35:12 +0900
parents
children 6cd41974d4b0
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/app/assets/stylesheets/_new-paste.scss	Sun Jun 07 02:35:12 2015 +0900
@@ -0,0 +1,78 @@
+#new_paste {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+
+  width: 100%;
+
+  #paste-form {
+    flex: 1 0 auto;
+    display: flex;
+    flex-direction: column;
+    margin-bottom: $spacing;
+
+    textarea {
+      flex: 1 0 auto;
+      resize: none;
+    }
+  }
+
+  #paste-control {
+    flex: none;
+
+    display: flex;
+    align-items: stretch;
+    justify-content: space-between;
+
+    flex-direction: column;
+    @media (min-width: $screen-sm) {
+      flex-direction: row;
+    }
+
+    .radio {
+      display: inline-flex;
+      align-items: center;
+      margin-right: $spacing;
+    }
+    .form-group {
+      display: flex;
+      flex-direction: column;
+    }
+
+    .form-label {
+      display: block;
+      margin-bottom: $spacing/2;
+    }
+
+    .inputs {
+      display: flex;
+      justify-content: space-around;
+      > * {
+        margin-right: $spacing;
+        flex: 1;
+
+        &:last-child {
+          margin-right: 0px;
+        }
+      }
+      &.right {
+        margin-top: $spacing;
+        min-height: $spacing * 4;
+      }
+
+      @media (min-width: $screen-sm) {
+        > * {
+          flex: 1 1 auto;
+        }
+
+        &.right {
+          margin-top: 0px;
+          > * {
+            margin-left: $spacing;
+            margin-right: 0px;
+          }
+        }
+      }
+    }
+  }
+}