binda 0.1.3 → 0.1.4

data/app/assets/stylesheets/binda/index.scss

@@ -20,7 +20,6 @@
 @import "components/standard-form";
 @import "components/form_item";
 @import "components/form_item_choices";
-@import "components/form_item_image";
 @import "components/form_item_video";
 @import "components/sortable";
 @import "components/assets_manager";

data/app/assets/stylesheets/binda/settings/buttons.scss

@@ -1,27 +1,27 @@
 .b-btn-primary {
   color: $color-white;
-  background-color: $color-gray-darker; 
-  transition: background-color .3s ease-out;
+  background-color: $color-gray-darker;
+  transition: background-color 0.3s ease-out;
 }
 
 .b-btn-alternative {
   color: #555555;
   background-color: white;
-  transition: background-color .3s ease-out;
+  transition: background-color 0.3s ease-out;
 }
 
 .b-btn-primary:hover {
-  background-color: $color-gray; 
+  background-color: $color-gray;
 }
 
 .b-btn-danger {
   color: $color-white;
-  background-color: $color-danger; 
-  transition: background-color .3s ease-out;
+  background-color: $color-danger;
+  transition: background-color 0.3s ease-out;
 }
 
 .b-btn-danger:hover {
-  background-color: lighten($color-danger, 10%); 
+  background-color: lighten($color-danger, 10%);
 }
 
 .b-btn {
@@ -29,8 +29,7 @@
   border-radius: 0px;
   padding: 4px 12px;
 
-  i
-  {
+  i {
     padding-right: 6px;
   }
-}
+}

data/app/assets/stylesheets/binda/settings/common.scss

@@ -1,54 +1,49 @@
-body
-{
+body {
   min-height: 100vh;
   padding: 0;
-  background-image: linear-gradient( to bottom, $color-gray-lightest, darken($color-gray-lightest, 6%));
+  background-image: linear-gradient(
+    to bottom,
+    $color-gray-lightest,
+    darken($color-gray-lightest, 6%)
+  );
 }
 
 // this could be avoided using more recent version of bootstrap or with bourbon
-.clearfix
-{
-  &::after
-  {
+.clearfix {
+  &::after {
     display: table;
     clear: both;
-    content: '';
+    content: "";
   }
 }
 
 // useful to debug
-.bordered
-{
+.bordered {
   border: 2px solid red;
 }
 
-.vertical-center
-{
+.vertical-center {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
 }
 
-.absolute-center
-{
+.absolute-center {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
 }
 
-.box-shadowed
-{
-  box-shadow: 0 3px 6px 0 rgba( 200, 200, 200, .7 );
+.box-shadowed {
+  box-shadow: 0 3px 6px 0 rgba(200, 200, 200, 0.7);
 }
 
-.box-shadowed-up
-{
-  box-shadow: 0 3px 10px 2px rgba( 150, 150, 150, .7 );
+.box-shadowed-up {
+  box-shadow: 0 3px 10px 2px rgba(150, 150, 150, 0.7);
 }
 
-.pagination
-{
+.pagination {
   float: left;
   width: 100%;
   margin-top: 0;

data/app/assets/stylesheets/binda/settings/fonts.scss

@@ -1,30 +1,96 @@
-.default-font
-{
-  font-family: 'Work Sans', arial, sans-serif;
+.default-font {
+  font-family: "Work Sans", arial, sans-serif;
 }
 
-// - - - - - - - - - - - - - - - - - - 
+// - - - - - - - - - - - - - - - - - -
 // LAYOUT
-// - - - - - - - - - - - - - - - - - - 
-
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-b, u, i, center,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, embed, 
-figure, figcaption, footer, header, hgroup, 
-menu, nav, output, ruby, section, summary,
-time, mark, audio, video {
-  font-weight: 300; 
-}
-
-body
-{
+// - - - - - - - - - - - - - - - - - -
+
+html,
+body,
+div,
+span,
+applet,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+hgroup,
+menu,
+nav,
+output,
+ruby,
+section,
+summary,
+time,
+mark,
+audio,
+video {
+  font-weight: 300;
+}
+
+body {
   font-size: 100%;
   font-size: $font-size-base;
   line-height: 1.25em;
@@ -32,116 +98,95 @@ body
 
   @extend .default-font;
 }
-::selection
-{
+::selection {
   color: $body-bg !important;
   background: $text-color !important; /* WebKit/Blink Browsers */
 }
-::-moz-selection
-{
+::-moz-selection {
   color: $body-bg !important;
   background: $text-color !important; /* Gecko Browsers */
 }
 
-
-// - - - - - - - - - - - - - - - - - - 
+// - - - - - - - - - - - - - - - - - -
 // TYPO
-// - - - - - - - - - - - - - - - - - - 
+// - - - - - - - - - - - - - - - - - -
 
 a,
 a:link,
 a:visited,
 a:hover,
-a:active
-{
+a:active {
   // font-weight: bold;
   // color: $link-color;
   text-decoration: none;
 }
 
-a:hover
-{
+a:hover {
   // border-bottom: 2px solid $link-color;
 }
 
-button a
-{
+button a {
   border-bottom: none;
 }
 
-.p
-{
+.p {
   @include font-size( $font-size-base, $font-size-base * 1.25 );
 
-  @media ( min-width: $tablet )
-  {
+  @media (min-width: $tablet) {
     @include font-size( $font-size-base, $font-size-base * 1.25 );
   }
 }
 
-.small
-{
+.small {
   @include font-size( $font-size-base * 0.8, $font-size-base  * 0.8 * 1.25 );
 
-  @media ( min-width: $tablet )
-  {
+  @media (min-width: $tablet) {
     @include font-size( $font-size-large * 0.85, $font-size-large * 0.85 * 1.25 );
   }
 }
 
-.tiny
-{
+.tiny {
   @include font-size( $font-size-base * 0.8 );
 }
 
-em
-{
+em {
   font-style: italic;
   display: inline-block;
 }
 
-strong
-{
+strong {
   font-weight: bold;
   display: inline-block;
 }
 
-.b-h1
-{
+.b-h1 {
   @include font-size( $font-size-h2, $font-size-h2 * 1.25 );
 
-  @media ( min-width: $tablet )
-  {
+  @media (min-width: $tablet) {
     @include font-size( $font-size-h1, $font-size-h1 * 1.25 );
   }
 }
 
-.b-h2
-{
+.b-h2 {
   @include font-size( $font-size-h3, $font-size-h3 * 1.25 );
 
-  @media ( min-width: $tablet )
-  {
+  @media (min-width: $tablet) {
     @include font-size( $font-size-h2, $font-size-h2 * 1.25 );
   }
 }
 
-.b-h3
-{
+.b-h3 {
   @include font-size( $font-size-h4, $font-size-h4 * 1.25 );
 
-  @media ( min-width: $tablet )
-  {
+  @media (min-width: $tablet) {
     @include font-size( $font-size-h3, $font-size-h3 * 1.25 );
   }
 }
 
-.b-h4
-{
+.b-h4 {
   @include font-size( $font-size-h5, $font-size-h5 * 1.25 );
 
-  @media ( min-width: $tablet )
-  {
+  @media (min-width: $tablet) {
     @include font-size( $font-size-h4, $font-size-h4 * 1.25 );
   }
 }

data/app/assets/stylesheets/binda/settings/tiny_mce_overrides.scss

@@ -1,98 +1,82 @@
 // TINYMCE FIXES
 // -------------
-body#tinymce
-{
+body#tinymce {
   padding: 12px;
   background-color: $color-white;
-  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
 }
 
 .mce-tinymce,
-.mce-toolbar-grp
-{
-  margin-bottom: $font-size-base * .5 !important;
+.mce-toolbar-grp {
+  margin-bottom: $font-size-base * 0.5 !important;
   border: none !important;
   background-color: $color-white !important;
 }
 
-.mce-toolbar
-{
+.mce-toolbar {
   border: none !important;
 }
 
 .mce-btn-group .mce-btn,
-.mce-flow-layout-item
-{
+.mce-flow-layout-item {
   margin-right: 2px !important;
   margin-left: 0 !important;
 }
 
-.mce-btn-group:not(:first-child)
-{
+.mce-btn-group:not(:first-child) {
   border: none !important;
 }
 
-.mce-btn
-{
+.mce-btn {
   border-radius: 2px !important;
 }
 
-.mce-edit-area
-{
+.mce-edit-area {
   border: 1px solid $color-gray-lightest !important;
   border-radius: 1px !important;
 }
 
-.mce-path
-{
+.mce-path {
   padding-top: 2px !important;
   padding-bottom: 2px !important;
 }
 
-.mce-statusbar
-{
+.mce-statusbar {
   border: none !important;
   border-top: none !important;
   background-color: $color-white !important;
 }
 
-.mce-menubar
-{
+.mce-menubar {
   margin-top: $font-size-base !important;
   padding-top: 2px !important;
   padding-bottom: 2px !important;
 
-  .mce-btn
-  {
+  .mce-btn {
     margin-right: 4px !important;
-    background-color: rgba(0, 0, 0, .075) !important;
+    background-color: rgba(0, 0, 0, 0.075) !important;
   }
 
-  &:first-child
-  {
+  &:first-child {
     margin-top: 0 !important;
   }
 }
 
 .mce-container-body,
 .mce-container,
-.mce-container::before
-{
+.mce-container::before {
   box-shadow: none !important;
 }
 
-.mce-btn
-{
+.mce-btn {
   background-color: $color-gray-lightest !important;
 }
 
 .mce-btn:hover,
-.mce-btn:active 
-{
+.mce-btn:active {
   border-color: $color-gray-lighter !important;
 }
 
-div.mce-edit-area
-{
+div.mce-edit-area {
   border-color: $color-gray-lightest !important;
-}
+}