:star:

1 files changed, 147 insertions, 0 deletions

diff --git a/semantic/dist/components/shape.css b/semantic/dist/components/shape.css
new file mode 100644
index 0000000..e82087c
--- /dev/null
+++ b/semantic/dist/components/shape.css
@@ -0,0 +1,147 @@
+/*!
+ * # Fomantic-UI - Shape
+ * http://github.com/fomantic/Fomantic-UI/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+
+/*******************************
+              Shape
+*******************************/
+
+.ui.shape {
+  position: relative;
+  vertical-align: top;
+  display: inline-block;
+  perspective: 2000px;
+  transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out;
+}
+.ui.shape .side,
+.ui.shape .sides {
+  transform-style: preserve-3d;
+}
+.ui.shape .side {
+  display: none;
+  opacity: 1;
+  width: 100%;
+  margin: 0 !important;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
+}
+.ui.shape .side * {
+  -webkit-backface-visibility: visible !important;
+          backface-visibility: visible !important;
+}
+
+
+/*******************************
+             Types
+*******************************/
+
+.ui.cube.shape .side {
+  min-width: 15em;
+  height: 15em;
+  padding: 2em;
+  background-color: #E6E6E6;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
+}
+.ui.cube.shape .side > .content {
+  width: 100%;
+  height: 100%;
+  display: table;
+  text-align: center;
+  -webkit-user-select: text;
+          user-select: text;
+}
+.ui.cube.shape .side > .content > div {
+  display: table-cell;
+  vertical-align: middle;
+  font-size: 2em;
+}
+
+
+/*******************************
+          Variations
+*******************************/
+
+.ui.text.shape.animating .sides {
+  position: static;
+}
+.ui.text.shape .side {
+  white-space: nowrap;
+}
+.ui.text.shape .side > * {
+  white-space: normal;
+}
+
+
+/*******************************
+             States
+*******************************/
+
+
+/*--------------
+      Loading
+  ---------------*/
+
+.ui.loading.shape {
+  position: absolute;
+  top: -9999px;
+  left: -9999px;
+}
+
+/*--------------
+    Animating
+---------------*/
+
+.ui.shape .animating.side {
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: block;
+  z-index: 100;
+}
+.ui.shape .hidden.side {
+  opacity: 0.6;
+}
+
+/*--------------
+      CSS
+---------------*/
+
+.ui.shape.animating .sides {
+  position: absolute;
+  transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out;
+}
+.ui.shape.animating .side {
+  transition: opacity 0.6s ease-in-out;
+}
+.ui.shape .animating.side *,
+.ui.shape.animating .side * {
+  transition: none;
+}
+
+/*--------------
+     Active
+---------------*/
+
+.ui.shape .active.side {
+  display: block;
+}
+
+
+/*******************************
+         Theme Overrides
+*******************************/
+
+
+
+/*******************************
+        User Overrides
+*******************************/
+