semantic-ui-sass 0.8.1.0 → 0.8.2.0

data/app/assets/stylesheets/semantic-ui/modules/_modal.scss

@@ -17,23 +17,16 @@
   display: none;
   position: fixed;
   z-index: 1001;
-
   top: 50%;
   left: 50%;
   text-align: left;
-
   width: 90%;
   margin-left: -45%;
-
   background-color: #FFFFFF;
   border: 1px solid #DDDDDD;
-
-  -webkit-border-radius: 5px;
-  -moz-border-radius: 5px;
   border-radius: 5px;
 }
 
-
 /*******************************
             Content
 *******************************/
@@ -45,15 +38,13 @@
 .ui.modal > .close {
   cursor: pointer;
   position: absolute;
-
   opacity: 0.8;
-
   font-size: 1.25em;
   top: -1.75em;
   right: -1.75em;
-
   color: #FFFFFF;
 }
+
 .ui.modal > .close:hover {
   opacity: 1;
 }
@@ -65,12 +56,8 @@
 .ui.modal > .header {
   margin: 0em;
   padding: 1.5rem 2rem;
-
   font-size: 1.6em;
   font-weight: bold;
-
-  -webkit-border-radius: 0.325em 0.325em 0px 0px;
-  -moz-border-radius: 0.325em 0.325em 0px 0px;
   border-radius: 0.325em 0.325em 0px 0px;
 }
 
@@ -84,26 +71,29 @@
   position: relative;
   padding: 2em;
   background-color: #F4F4F4;
-
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   -ms-box-sizing: border-box;
   box-sizing: border-box;
 }
+
 .ui.modal > .content > .left {
   display: table-cell;
   padding-right: 1.5%;
   min-width: 25%;
 }
+
 .ui.modal > .content > .right {
   display: table-cell;
   padding-left: 1.5%;
   vertical-align: top;
 }
+
 .ui.modal > .content > .left > .icon {
   font-size: 8em;
   margin: 0em;
 }
+
 .ui.modal > .content p {
   line-height: 1.6;
 }
@@ -116,6 +106,7 @@
   padding: 1rem 2rem;
   text-align: right;
 }
+
 .ui.modal .actions > .button {
   margin-left: 0.75em;
 }
@@ -125,51 +116,59 @@
 --------------------*/
 
 /* 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: 56%;
     margin-left: -28%;
   }
 }
+
 @media only screen and (min-width : 1750px) {
   .ui.modal {
     width: 42%;
     margin-left: -21%;
   }
 }
+
 @media only screen and (min-width : 2000px) {
   .ui.modal {
     width: 36%;
@@ -177,7 +176,6 @@
   }
 }
 
-
 /*******************************
              Types
 *******************************/
@@ -187,10 +185,12 @@
   border: none;
   color: #FFFFFF;
 }
+
 .ui.basic.modal > .close {
   top: 1.5rem;
   right: 1rem;
 }
+
 .ui.basic.modal .content {
   background-color: transparent;
 }
@@ -200,13 +200,12 @@
 *******************************/
 
 /* A modal that cannot fit on the page */
+
 .ui.modal.scrolling {
   position: absolute;
   margin-top: 10px;
 }
 
-
-
 /*******************************
               States
 *******************************/
@@ -215,33 +214,37 @@
   display: block;
 }
 
-
 /*--------------
       Size
 ---------------*/
 
 /* Small */
+
 .ui.small.modal > .header {
   font-size: 1.3em;
 }
+
 @media only screen and (min-width : 998px) {
   .ui.small.modal {
     width: 58%;
     margin-left: -29%;
   }
 }
-  .ui.small.modal {
+
 @media only screen and (min-width : 1500px) {
+  .ui.small.modal {
     width: 40%;
     margin-left: -20%;
   }
 }
+
 @media only screen and (min-width : 1750px) {
   .ui.small.modal {
     width: 26%;
     margin-left: -13%;
   }
 }
+
 @media only screen and (min-width : 2000px) {
   .ui.small.modal {
     width: 20%;
@@ -250,24 +253,28 @@
 }
 
 /* Large */
+
 @media only screen and (min-width : 998px) {
   .ui.large.modal {
     width: 74%;
     margin-left: -37%;
   }
 }
+
 @media only screen and (min-width : 1500px) {
   .ui.large.modal {
     width: 64%;
     margin-left: -32%;
   }
 }
+
 @media only screen and (min-width : 1750px) {
   .ui.large.modal {
     width: 54%;
     margin-left: -27%;
   }
 }
+
 @media only screen and (min-width : 2000px) {
   .ui.large.modal {
     width: 44%;

data/app/assets/stylesheets/semantic-ui/modules/_nag.scss

@@ -7,167 +7,132 @@
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
- */
-
+ */
+
 /*******************************
              Nag
-*******************************/
-
-.ui.nag {
-  display: none;
-  opacity: 0.95;
-
-  position: relative;
-  top: 0px;
-  left: 0%;
-  z-index: 101;
-
-  min-height: 0;
-  width: 100%;
-
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  box-sizing: border-box;
-
-  margin: 0em;
-  line-height: 3em;
-  padding: 0em 1em;
-
-  background-color: #555555;
-
-  -webkit-box-shadow:
-    0px 1px 2px 0px rgba(0, 0, 0, 0.2)
-  ;
-  -moz-box-shadow:
-    0px 1px 2px 0px rgba(0, 0, 0, 0.2)
-  ;
-  box-shadow:
-    0px 1px 2px 0px rgba(0, 0, 0, 0.2)
-  ;
-
-  font-size: 1em;
-  text-align: center;
-  color: rgba(255, 255, 255, 0.8);
-
-  -webkit-border-radius: 0px 0px 5px 5px;
-  -moz-border-radius: 0px 0px 5px 5px;
-  border-radius: 0px 0px 5px 5px;
-
-  -webkit-transition: 0.2s background;
-  -moz-transition: 0.2s background;
-  -o-transition: 0.2s background;
-  -ms-transition: 0.2s background;
-  transition: 0.2s background;
-}
-
-a.ui.nag {
-  cursor: pointer;
-}
-
-.ui.nag > .title {
-  display: inline-block;
-  margin: 0em 0.5em;
-  color: #FFFFFF;
-}
-
-
-.ui.nag > .close.icon {
-  cursor: pointer;
-  opacity: 0.4;
-
-  position: absolute;
-  top: 50%;
-  right: 1em;
-
-  margin-top: -0.5em;
-  color: #FFFFFF;
-
-  -webkit-transition: 0.1s opacity;
-  -moz-transition: 0.1s opacity;
-  -o-transition: 0.1s opacity;
-  -ms-transition: 0.1s opacity;
-  transition: 0.1s opacity;
-}
-
-
-
+*******************************/
+
+.ui.nag {
+  display: none;
+  opacity: 0.95;
+  position: relative;
+  top: 0px;
+  left: 0%;
+  z-index: 101;
+  min-height: 0;
+  width: 100%;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+  margin: 0em;
+  line-height: 3em;
+  padding: 0em 1em;
+  background-color: #555555;
+  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
+  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
+  font-size: 1em;
+  text-align: center;
+  color: rgba(255, 255, 255, 0.8);
+  border-radius: 0px 0px 5px 5px;
+  -webkit-transition: 0.2s background;
+  transition: 0.2s background;
+}
+
+a.ui.nag {
+  cursor: pointer;
+}
+
+.ui.nag > .title {
+  display: inline-block;
+  margin: 0em 0.5em;
+  color: #FFFFFF;
+}
+
+.ui.nag > .close.icon {
+  cursor: pointer;
+  opacity: 0.4;
+  position: absolute;
+  top: 50%;
+  right: 1em;
+  margin-top: -0.5em;
+  color: #FFFFFF;
+  -webkit-transition: 0.1s opacity;
+  transition: 0.1s opacity;
+}
+
 /*******************************
              States
-*******************************/
-
-/* Hover */
-.ui.nag:hover {
-  opacity: 1;
-}
-
-.ui.nag .close:hover {
-  opacity: 1;
-}
-
-
+*******************************/
+
+/* Hover */
+
+.ui.nag:hover {
+  opacity: 1;
+}
+
+.ui.nag .close:hover {
+  opacity: 1;
+}
+
 /*******************************
            Variations
-*******************************/
-
-
+*******************************/
+
 /*--------------
      Static
----------------*/
-
-.ui.overlay.nag {
-  position: absolute;
-  display: block;
-}
-
+---------------*/
+
+.ui.overlay.nag {
+  position: absolute;
+  display: block;
+}
+
 /*--------------
      Fixed
----------------*/
-
-.ui.fixed.nag {
-  position: fixed;
-}
-
+---------------*/
+
+.ui.fixed.nag {
+  position: fixed;
+}
+
 /*--------------
      Bottom
----------------*/
-
-.ui.botton.nag {
-  -webkit-border-radius: 5px 5px 0px 0px;
-  -moz-border-radius: 5px 5px 0px 0px;
-  border-radius: 5px 5px 0px 0px;
-}
-.ui.fixed.bottom.nags,
-.ui.fixed.bottom.nag {
-  top: auto;
-  bottom: 0px;
-}
-
-
+---------------*/
+
+.ui.botton.nag {
+  border-radius: 5px 5px 0px 0px;
+}
+
+.ui.fixed.bottom.nags,
+.ui.fixed.bottom.nag {
+  top: auto;
+  bottom: 0px;
+}
+
 /*--------------
      White
----------------*/
-
-.ui.white.nags .nag,
-.ui.white.nag {
-  background-color: #F1F1F1;
-  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8);
-  color: #ACACAC;
-}
-.ui.white.nags .nag .close,
-.ui.white.nags .nag .title,
-.ui.white.nag .close,
-.ui.white.nag .title {
-  color: #333333;
-}
-
-
+---------------*/
+
+.ui.white.nags .nag,
+.ui.white.nag {
+  background-color: #F1F1F1;
+  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8);
+  color: #ACACAC;
+}
+
+.ui.white.nags .nag .close,
+.ui.white.nags .nag .title,
+.ui.white.nag .close,
+.ui.white.nag .title {
+  color: #333333;
+}
+
 /*******************************
            Groups
-*******************************/
-
-.ui.nags .nag {
-  -webkit-border-radius: 0px;
-  -moz-border-radius: 0px;
-  border-radius: 0px;
+*******************************/
+
+.ui.nags .nag {
+  border-radius: 0px;
 }