初始

2021-08-31 08:55:46 +08:00
parent 2de8e82af3
commit 471d9cfcd7
12 changed files with 608 additions and 2 deletions
--- a/source/sass/style.scss
+++ b/source/sass/style.scss
@ -0,0 +1,113 @@
+@import "compass";
+
+// Flex container
+.flexbox-parent {
+  @include display-flex;
+  background: #FFD54F;
+  overflow: hidden;
+  width: 100%;
+  padding: 3px;
+  min-height: 550px;
+  max-height: 1000px;
+  width:50vw;
+  max-width:50vw;
+  height:50vh;
+
+  // Flex items
+  > div {
+    display: inline-block;
+    background: white;
+    overflow: hidden;
+    margin: 3px;
+    padding: 5px;
+
+    .child-controls {
+      margin-top: 7px;
+    }
+  }
+}
+
+.child-number {
+  display: block;
+  width: 22px;
+  height: 22px;
+  background: #FFB300;
+  color: white;
+  font-size: 14px;
+  font-weight: bold;
+  padding-top: 3px;
+  text-align: center;
+  @include border-radius(50%);
+  float: left;
+}
+
+.code {
+  font-family: Consolas, "Courier New", Monospace;
+  font-size: 15px;
+}
+
+.remove-child {
+  background: transparent;
+  color: #FF6F00;
+  font-size: 14px;
+  cursor: pointer;
+}
+
+.highlight {
+  color: #FF8F00;
+}
+
+.pull-left {
+  float: left;
+}
+
+.pull-right {
+  float: right;
+}
+
+.clearfix {
+  &:after {
+    content: '';
+    display: block;
+    clear: both;
+  }
+}
+
+.right-padding {
+  padding-right: 15px;
+}
+
+h3 {
+  margin: 0 0 10px 0 !important;
+}
+
+p {
+  margin: 0 0 10px 0 !important;
+  line-height: 1.4em !important;
+}
+
+md-input-container {
+  padding: 0 0 5px 0 !important;
+
+  .md-input {
+    padding: 0 !important;
+    line-height: 1em !important;
+  }
+}
+
+md-select {
+  margin-top: 0 !important;
+
+  .md-select-label {
+    padding-top: 2px !important;
+    padding-bottom: 4px !important;
+  }
+}
+
+md-radio-button {
+  margin: 5px 10px !important;
+}
+
+md-divider {
+  margin: 10px 0 !important;
+}