semantic-ui-rails 0.1.0 → 0.1.0.1

data/vendor/assets/stylesheets/semantic-ui/modules/modal.less

@@ -10,7 +10,7 @@
  */
 
 /*******************************
-              Modal
+             Modal
 *******************************/
 
 .ui.modal {
@@ -22,8 +22,8 @@
   left: 50%;
   text-align: left;
 
-  width: 800px;
-  margin-left: -400px;
+  width: 90%;
+  margin-left: -45%;
 
   background-color: #FFFFFF;
   border: 1px solid #DDDDDD;
@@ -33,6 +33,7 @@
   border-radius: 5px;
 }
 
+
 /*******************************
             Content
 *******************************/
@@ -62,8 +63,6 @@
 ---------------*/
 
 .ui.modal > .header {
-  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-
   margin: 0em;
   padding: 1.5rem 2rem;
 
@@ -94,13 +93,17 @@
 .ui.modal > .content > .left {
   display: table-cell;
   padding-right: 5%;
+  min-width: 25%;
 }
 .ui.modal > .content > .right {
   display: table-cell;
   padding-left: 5%;
-  vertical-align: middle;
-
-  box-shadow: -1px 0px 0px 0px rgba(0, 0, 0, 0.1);
+  vertical-align: top;
+  min-width: 25%;
+}
+.ui.modal > .content > .left > .icon {
+  font-size: 8em;
+  margin: 0em;
 }
 .ui.modal > .content p {
   line-height: 1.6;
@@ -111,8 +114,6 @@
 ---------------*/
 
 .ui.modal .actions {
-  border-top: 1px solid rgba(0, 0, 0, 0.1);
-
   padding: 1rem 2rem;
   text-align: right;
 }
@@ -120,6 +121,62 @@
   margin-left: 0.75em;
 }
 
+/*-------------------
+       Sizing
+--------------------*/
+
+/* Mobile Only */
+@media only screen and (max-width : 768px) {
+  .ui.modal .content .left {
+    display: block;
+    padding: 0em 0em 0em 1em;
+  }
+  .ui.modal .content .right {
+    display: block;
+    padding: 1em 0em 0em 0em;
+
+    -webkit-box-shadow: none;
+    -moz-box-shadow: none;
+    box-shadow: none;
+  }
+}
+/* Tablet and Mobile */
+@media only screen and (max-width : 998px) {
+  .ui.modal {
+    width: 92%;
+    margin-left: -46%;
+  }
+  .ui.modal > .close {
+    color: rgba(0, 0, 0, 0.8);
+    top: 1.5rem;
+    right: 1rem;
+  }
+}
+/* Computer / Responsive */
+@media only screen and (min-width : 998px) {
+  .ui.modal {
+    width: 74%;
+    margin-left: -37%;
+  }
+}
+@media only screen and (min-width : 1500px) {
+  .ui.modal {
+    width: 64%;
+    margin-left: -32%;
+  }
+}
+@media only screen and (min-width : 1750px) {
+  .ui.modal {
+    width: 54%;
+    margin-left: -27%;
+  }
+}
+@media only screen and (min-width : 2000px) {
+  .ui.modal {
+    width: 44%;
+    margin-left: -22%;
+  }
+}
 
 
 /*******************************
@@ -131,12 +188,14 @@
   border: none;
   color: #FFFFFF;
 }
+.ui.basic.modal > .close {
+  top: 1.5rem;
+  right: 1rem;
+}
 .ui.basic.modal .content {
   background-color: transparent;
 }
 
-
-
 /*******************************
             Variations
 *******************************/
@@ -144,7 +203,7 @@
 /* A modal that cannot fit on the page */
 .ui.modal.scrolling {
   position: absolute;
-  margin-top: 100px;
+  margin-top: 10px;
 }
 
 

data/vendor/assets/stylesheets/semantic-ui/modules/rating.less

@@ -15,14 +15,16 @@
 
 .ui.rating {
   display: inline-block;
-  vertical-align: middle;
+
+  font-size: 0em;
+  vertical-align: baseline;
   margin: 0em 0.5em 0em 0em;
 }
 .ui.rating:last-child {
   margin-right: 0em;
 }
 
-.ui.rating:after {
+.ui.rating:before {
   display: block;
   content: '';
   visibility: hidden;
@@ -33,19 +35,19 @@
 /* Icon */
 .ui.rating .icon {
   cursor: default;
-  float: left;
 
   margin: 0em;
 
   width: 1em;
   height: auto;
   padding: 0em;
+
+  color: rgba(0, 0, 0, 0.15);
   font-weight: normal;
   font-style: normal;
 }
-.ui.rating .icon:after {
+.ui.rating .icon:before {
   content: "\2605";
-  color: rgba(0, 0, 0, 0.15);
 
   -webkit-transition:
     color 0.3s ease,
@@ -78,18 +80,17 @@
 --------------------*/
 
 .ui.star.rating .icon {
-  width: 1em;
-  margin-right: 0.1em;
-}
-.ui.star.rating .icon:last-child {
-  margin: 0em;
+  width: 1.2em;
 }
-.ui.star.rating .icon:after {
+
+/* Star */
+.ui.star.rating .icon:before {
   content: '\f006';
   font-family: 'Icons';
 }
 
-.ui.star.rating .active.icon:after {
+/* Active Star */
+.ui.star.rating .active.icon:before {
   content: '\f005';
   font-family: 'Icons';
 }
@@ -100,27 +101,27 @@
 --------------------*/
 
 .ui.heart.rating .icon {
-  width: 1em;
-  margin-right: 0.1em;
+  width: 1.2em;
 }
-.ui.heart.rating .icon:last-child {
-  margin: 0em;
-}
-.ui.heart.rating .icon:after {
+.ui.heart.rating .icon:before {
   content: '\f08a';
   font-family: 'Icons';
 }
 
-.ui.heart.rating .active.icon:after {
+/* Active */
+.ui.heart.rating .active.icon:before {
   content: '\f004';
   font-family: 'Icons';
-  color: #EF404A;
 }
-.ui.heart.rating .hover.icon:after,
-.ui.heart.rating .active.hover.icon:after {
-  color: #FF2733;
+.ui.heart.rating .active.icon {
+  color:  !important;
 }
 
+/* Hovered */
+.ui.heart.rating .hover.icon,
+.ui.heart.rating .active.hover.icon {
+  color:  !important;
+}
 
 /*******************************
              States
@@ -136,8 +137,8 @@
 }
 
 /* active icons */
-.ui.rating .active.icon:after {
-  color: #FFCB08;
+.ui.rating .active.icon {
+  color: #FFCB08 !important;
 }
 
 
@@ -146,15 +147,15 @@
 --------------------*/
 
 /* rating */
-.ui.rating.hover .active.icon:after {
+.ui.rating.hover .active.icon {
   opacity: 0.5;
 }
 
 /* icon */
-.ui.rating .icon.hover:after,
-.ui.rating .icon.hover.active:after {
+.ui.rating .icon.hover,
+.ui.rating .icon.hover.active {
   opacity: 1;
-  color: #FFB70A;
+  color: #FFB70A !important;
 }
 
 
@@ -162,15 +163,17 @@
           Variations
 *******************************/
 
-.ui.mini.rating {
-  font-size: 1rem;
+.ui.small.rating .icon {
+  font-size: 0.75rem;
 }
-.ui.small.rating {
-  font-size: 1.25rem;
+.ui.rating .icon {
+  font-size: 1rem;
 }
-.ui.rating {
+.ui.large.rating .icon {
   font-size: 1.5rem;
+  vertical-align: middle;
 }
-.ui.large.rating {
+.ui.huge.rating .icon {
   font-size: 2rem;
+  vertical-align: middle;
 }

data/vendor/assets/stylesheets/semantic-ui/modules/search.less

@@ -217,7 +217,7 @@
 ---------------*/
 
 .ui.search.loading .input .icon {
-  background: url(../images/loader-mini.gif) no-repeat 50% 50%;
+  background: url(/assets/semantic-ui/loader-mini.gif) no-repeat 50% 50%;
 }
 .ui.search.loading .input .icon:before,
 .ui.search.loading .input .icon:after {

data/vendor/assets/stylesheets/semantic-ui/modules/tab.less

@@ -58,6 +58,6 @@
   width: 100%;
   height: 100%;
   padding-top: 75px;
-  background: url(../images/loader-large.gif) no-repeat 0px 0px;
+  background: url(/assets/semantic-ui/loader-large.gif) no-repeat 0px 0px;
   visibility: visible;
 }

data/vendor/assets/stylesheets/semantic-ui/modules/transition.less

@@ -70,15 +70,6 @@
   visibility: visible;
 }
 
-
-/* Direction */
-.ui.out.transition {
-  -webkit-animation-direction: reverse;
-  -moz-animation-direction: reverse;
-  -o-animation-direction: reverse;
-  animation-direction: reverse;
-}
-
 /* Disabled */
 .ui.disabled.transition {
   -webkit-animation-play-state: paused;
@@ -156,6 +147,12 @@
   -o-animation-name: horizontalFlip;
   animation-name: horizontalFlip;
 }
+.ui.horizontal.flip.transition.out {
+  -webkit-animation-name: horizontalFlipOut;
+  -moz-animation-name: horizontalFlipOut;
+  -o-animation-name: horizontalFlipOut;
+  animation-name: horizontalFlipOut;
+}
 .ui.vertical.flip.transition.in,
 .ui.vertical.flip.transition.out {
   -webkit-animation-name: verticalFlip;
@@ -163,18 +160,29 @@
   -o-animation-name: verticalFlip;
   animation-name: verticalFlip;
 }
+.ui.vertical.flip.transition.out {
+  -webkit-animation-name: verticalFlipOut;
+  -moz-animation-name: verticalFlipOut;
+  -o-animation-name: verticalFlipOut;
+  animation-name: verticalFlipOut;
+}
 
 /*--------------
       Fades
 ---------------*/
 
-.ui.fade.transition.in,
-.ui.fade.transition.out {
+.ui.fade.transition.in {
   -webkit-animation-name: fade;
   -moz-animation-name: fade;
   -o-animation-name: fade;
   animation-name: fade;
 }
+.ui.fade.transition.out {
+  -webkit-animation-name: fadeOut;
+  -moz-animation-name: fadeOut;
+  -o-animation-name: fadeOut;
+  animation-name: fadeOut;
+}
 
 .ui.fade.up.transition.in {
   -webkit-animation-name: fadeUp;
@@ -183,10 +191,10 @@
   animation-name: fadeUp;
 }
 .ui.fade.up.transition.out {
-  -webkit-animation-name: fade;
-  -moz-animation-name: fade;
-  -o-animation-name: fade;
-  animation-name: fade;
+  -webkit-animation-name: fadeUpOut;
+  -moz-animation-name: fadeUpOut;
+  -o-animation-name: fadeUpOut;
+  animation-name: fadeUpOut;
 }
 
 .ui.fade.down.transition.in {
@@ -196,31 +204,36 @@
   animation-name: fadeDown;
 }
 .ui.fade.down.transition.out {
-  -webkit-animation-name: fade;
-  -moz-animation-name: fade;
-  -o-animation-name: fade;
-  animation-name: fade;
+  -webkit-animation-name: fadeDownOut;
+  -moz-animation-name: fadeDownOut;
+  -o-animation-name: fadeDownOut;
+  animation-name: fadeDownOut;
 }
 
 /*--------------
       Scale
 ---------------*/
 
-.ui.scale.transition.in,
-.ui.scale.transition.out {
+.ui.scale.transition.in {
   -webkit-animation-name: scale;
   -moz-animation-name: scale;
   -o-animation-name: scale;
   animation-name: scale;
 }
+.ui.scale.transition.out {
+  -webkit-animation-name: scaleOut;
+  -moz-animation-name: scaleOut;
+  -o-animation-name: scaleOut;
+  animation-name: scaleOut;
+}
+
 
 
 /*--------------
       Slide
 ---------------*/
 
-.ui.slide.down.transition.in,
-.ui.slide.down.transition.out {
+.ui.slide.down.transition.in {
   -webkit-animation-name: slide;
   -moz-animation-name: slide;
   -o-animation-name: slide;
@@ -229,8 +242,17 @@
   -ms-transform-origin: 50% 0%;
   -webkit-transform-origin: 50% 0%;
 }
-.ui.slide.up.transition.in,
-.ui.slide.up.transition.out {
+.ui.slide.down.transition.out {
+  -webkit-animation-name: slideOut;
+  -moz-animation-name: slideOut;
+  -o-animation-name: slideOut;
+  animation-name: slideOut;
+  transform-origin: 50% 0%;
+  -ms-transform-origin: 50% 0%;
+  -webkit-transform-origin: 50% 0%;
+}
+
+.ui.slide.up.transition.in {
   -webkit-animation-name: slide;
   -moz-animation-name: slide;
   -o-animation-name: slide;
@@ -239,6 +261,16 @@
   -ms-transform-origin: 50% 100%;
   -webkit-transform-origin: 50% 100%;
 }
+.ui.slide.up.transition.out {
+  -webkit-animation-name: slideOut;
+  -moz-animation-name: slideOut;
+  -o-animation-name: slideOut;
+  animation-name: slideOut;
+  transform-origin: 50% 100%;
+  -ms-transform-origin: 50% 100%;
+  -webkit-transform-origin: 50% 100%;
+}
+
 
 @-moz-keyframes slide {
   0% {
@@ -271,6 +303,36 @@
   }
 }
 
+@-moz-keyframes slideOut {
+  0% {
+    opacity: 1;
+    -moz-transform: scaleY(1);
+  }
+  100% {
+    opacity: 0;
+    -moz-transform: scaleY(0);
+  }
+}
+@-webkit-keyframes slideOut {
+  0% {
+    opacity: 1;
+    -webkit-transform: scaleY(1);
+  }
+  100% {
+    opacity: 0;
+    -webkit-transform: scaleY(0);
+  }
+}
+@keyframes slideOut {
+  0% {
+    opacity: 1;
+    transform: scaleY(1);
+  }
+  100% {
+    opacity: 0;
+    transform: scaleY(0);
+  }
+}
 
 /*******************************
        Animations
@@ -667,6 +729,46 @@
     opacity: 1;
   }
 }
+@-webkit-keyframes verticalFlipOut {
+  0% {
+    -webkit-transform: rotateX(0deg);
+    opacity: 1;
+  }
+  100% {
+    -webkit-transform: rotateX(-90deg);
+    opacity: 0;
+  }
+}
+@-moz-keyframes verticalFlipOut {
+  0% {
+    -moz-transform: rotateX(0deg);
+    opacity: 1;
+  }
+  100% {
+    -moz-transform: rotateX(-90deg);
+    opacity: 0;
+  }
+}
+@-o-keyframes verticalFlipOut {
+  0% {
+    -o-transform: rotateX(0deg);
+    opacity: 1;
+  }
+  100% {
+    -o-transform: rotateX(-90deg);
+    opacity: 0;
+  }
+}
+@keyframes verticalFlipOut {
+  0% {
+    transform: rotateX(0deg);
+    opacity: 1;
+  }
+  100% {
+    transform: rotateX(-90deg);
+    opacity: 0;
+  }
+}
 
 /*--------------
      Fades
@@ -706,6 +808,39 @@
   }
 }
 
+@-webkit-keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+@-moz-keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+@-o-keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+@keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+
 /* Fade Up */
 @-webkit-keyframes fadeUp {
   0% {
@@ -748,6 +883,47 @@
   }
 }
 
+@-webkit-keyframes fadeUpOut {
+  0% {
+    opacity: 1;
+    -webkit-transform: translateY(0);
+  }
+  100% {
+    opacity: 0;
+    -webkit-transform: translateY(20px);
+  }
+}
+@-moz-keyframes fadeUpOut {
+  0% {
+    opacity: 1;
+    -moz-transform: translateY(0);
+  }
+  100% {
+    opacity: 0;
+    -moz-transform: translateY(20px);
+  }
+}
+@-o-keyframes fadeUpOut {
+  0% {
+    opacity: 1;
+    -o-transform: translateY(0);
+  }
+  100% {
+    opacity: 0;
+    -o-transform: translateY(20px);
+  }
+}
+@keyframes fadeUpOut {
+  0% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+  100% {
+    opacity: 0;
+    transform: translateY(20px);
+  }
+}
+
 /* Fade Down */
 @-webkit-keyframes fadeDown {
   0% {
@@ -791,6 +967,47 @@
 }
 
 
+@-webkit-keyframes fadeDownOut {
+  0% {
+    opacity: 1;
+    -webkit-transform: translateY(0);
+  }
+  100% {
+    opacity: 0;
+    -webkit-transform: translateY(-20px);
+  }
+}
+@-moz-keyframes fadeDownOut {
+  0% {
+    opacity: 1;
+    -moz-transform: translateY(0);
+  }
+  100% {
+    opacity: 0;
+    -moz-transform: translateY(-20px);
+  }
+}
+@-o-keyframes fadeDownOut {
+  0% {
+    opacity: 1;
+    -o-transform: translateY(0);
+  }
+  100% {
+    opacity: 0;
+    -o-transform: translateY(-20px);
+  }
+}
+@keyframes fadeDownOut {
+  0% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+  100% {
+    opacity: 0;
+    transform: translateY(-20px);
+  }
+}
+
 /*--------------
       Scale
 ---------------*/
@@ -835,4 +1052,45 @@
     opacity: 1;
     transform: scale(1);
   }
+}
+
+@-webkit-keyframes scaleOut {
+  0% {
+    opacity: 1;
+    -webkit-transform: scale(1);
+  }
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(0.7);
+  }
+}
+@-moz-keyframes scaleOut {
+  0% {
+    opacity: 1;
+    -moz-transform: scale(1);
+  }
+  100% {
+    opacity: 0;
+    -moz-transform: scale(0.7);
+  }
+}
+@-o-keyframes scaleOut {
+  0% {
+    opacity: 1;
+    -o-transform: scale(1);
+  }
+  100% {
+    opacity: 0;
+    -o-transform: scale(0.7);
+  }
+}
+@keyframes scaleOut {
+  0% {
+    opacity: 1;
+    transform: scale(1);
+  }
+  100% {
+    opacity: 0;
+    transform: scale(0.7);
+  }
 }