binda 0.0.7 → 0.1.0

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

@@ -1,24 +1,32 @@
 // Settings
 @import "settings/variables";
+@import "settings/bootstrap_overrides";
+@import "settings/tiny_mce_overrides";
 @import "settings/common";
 @import "settings/fonts";
 
+// Standard UI
+@import "components/b-btn";
+
 // Components
-@import "components/sidebar";
+@import "components/main_sidebar";
 @import "components/main_container";
 @import "components/main_content";
 @import "components/main_header";
 @import "components/main_table";
 @import "components/button";
 @import "components/login";
-@import "components/form_section";
-@import "components/form_body";
+@import "components/standard-form";
 @import "components/form_item";
-@import "components/form_item_asset";
+@import "components/form_item_image";
+@import "components/form_item_video";
 @import "components/sortable";
 @import "components/assets_manager";
+@import "components/fileupload";
+@import "components/select2";
+@import "components/texts";
+@import "components/popup_warning";
 
-// Layout
-@import "layout/components_index";
-@import "layout/dashboard";
-@import "layout/users_sign_in";
+// Controllers
+@import "controllers/components_index";
+@import "controllers/users_sessions_new";

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

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

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

@@ -1,97 +1,54 @@
-body {
+body
+{
   padding: 0;
-	background-color: $gray-lighter;
+  background-color: $body-bg;
 }
 
 // this could be avoided using more recent version of bootstrap or with bourbon
-.clearfix {
-	&::after {
-	  clear: both;
-	  content: "";
-	  display: table;
-	}
+.clearfix
+{
+  &::after
+  {
+    display: table;
+    clear: both;
+    content: '';
+  }
 }
 
 // useful to debug
-.bordered {
-	border: 2px solid red;
+.bordered
+{
+  border: 2px solid red;
 }
 
-.vertical-center {
-	position: absolute;
-	top: 50%;
-	transform: translateY(-50%);
+.vertical-center
+{
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
 }
 
-.absolute-center {
-	position: absolute;
-	top: 50%;
-	left: 50%;
-	transform: translate(-50%, -50%);
+.absolute-center
+{
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
 }
 
-.box-shadowed {
-	box-shadow: 0px 3px 6px 0px rgba( 200, 200, 200, 0.7 );
+.box-shadowed
+{
+  box-shadow: 0 3px 6px 0 rgba( 200, 200, 200, .7 );
 }
 
-.box-shadowed-up {
-	box-shadow: 0px 3px 10px 2px rgba( 150, 150, 150, 0.7 );
+.box-shadowed-up
+{
+  box-shadow: 0 3px 10px 2px rgba( 150, 150, 150, .7 );
 }
 
-// TINYMCE FIXES
-// -------------
-body#tinymce {
-	padding: 12px;
-	background-color: #FFF;
-  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
-}
-
-.mce-tinymce, .mce-toolbar-grp {
-	margin-bottom: $font-size-base * 0.5 !important;
-	background-color: #FFF !important;
-	border: none !important;
-}
-
-.mce-btn-group:not(:first-child) {
-	border: none !important;
-}
-
-.mce-btn {
-  border-radius: 2px !important;
-}
-
-.mce-edit-area {
-	border: 1px solid #CCC !important;
-  border-radius: 1px !important;
-}
-
-.mce-path {
-	padding-top: 2px !important;
-	padding-bottom: 2px !important;
-}
-
-.mce-statusbar {
-	background-color: #FFF !important;
-	border: 1px solid #CCC !important;
-	border-top: none !important;
-}
-
-.mce-menubar {
-	margin-top: $font-size-base !important;
-	padding-top: 2px !important; 
-	padding-bottom: 2px !important; 
-	border-top: 1px solid rgba(0, 0, 0, 0.075) !important;
-
-	.mce-btn {
-		margin-right: 4px !important;
-		background-color: rgba(0, 0, 0, 0.075) !important;
-	}
-
-	&:first-child {
-		margin-top: 0 !important;
-	}
-}
-
-.pagination {
-	width: 100%;
+.pagination
+{
+  float: left;
+  margin-top: 0px;
+  width: 100%;
 }

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

@@ -1,25 +1,46 @@
-.default-font {
-	font-family: "semplicitapro", arial, sans-serif;
+.default-font
+{
+  font-family: 'Work Sans', arial, sans-serif;
 }
 
 // - - - - - - - - - - - - - - - - - - 
 // LAYOUT
 // - - - - - - - - - - - - - - - - - - 
 
-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;
-  @extend .default-font;
   color: $text-color;
+
+  @extend .default-font;
 }
-::selection {
-  background: $text-color !important; /* WebKit/Blink Browsers */
+::selection
+{
   color: $body-bg !important;
+  background: $text-color !important; /* WebKit/Blink Browsers */
 }
-::-moz-selection {
-  background: $text-color !important; /* Gecko Browsers */
+::-moz-selection
+{
   color: $body-bg !important;
+  background: $text-color !important; /* Gecko Browsers */
 }
 
 
@@ -31,60 +52,96 @@ a,
 a:link,
 a:visited,
 a:hover,
-a:active {
+a:active
+{
+  // font-weight: bold;
   // color: $link-color;
   text-decoration: none;
-  font-weight: bold;
 }
 
-a:hover {
+a:hover
+{
   // border-bottom: 2px solid $link-color;
 }
 
-button a {
+button a
+{
   border-bottom: none;
 }
 
-.p {
-  @include font-size( $font-size-base, $font-size-base * 1.25 );   
+.p
+{
+  @include font-size( $font-size-base, $font-size-base * 1.25 );
 
-  @media ( min-width: $tablet ) {
-    @include font-size( $font-size-large, $font-size-large * 1.25 );
+  @media ( min-width: $tablet )
+  {
+    @include font-size( $font-size-base, $font-size-base * 1.25 );
   }
 }
 
-.small {
-  display: inline-block;
-  @include font-size( $font-size-base );
+.small
+{
+  @include font-size( $font-size-base * 0.8, $font-size-base  * 0.8 * 1.25 );
+
+  @media ( min-width: $tablet )
+  {
+    @include font-size( $font-size-large * 0.85, $font-size-large * 0.85 * 1.25 );
+  }
+}
+
+.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;
 }
-.h1 {
+
+.b-h1
+{
   @include font-size( $font-size-h2, $font-size-h2 * 1.25 );
 
-  @media ( min-width: $tablet ) {
-    @include font-size( $font-size-h1, $font-size-h1 * 1.25 );     
+  @media ( min-width: $tablet )
+  {
+    @include font-size( $font-size-h1, $font-size-h1 * 1.25 );
   }
 }
-.h2 {
+
+.b-h2
+{
   @include font-size( $font-size-h3, $font-size-h3 * 1.25 );
 
-  @media ( min-width: $tablet ) {
-    @include font-size( $font-size-h2, $font-size-h2 * 1.25 );     
+  @media ( min-width: $tablet )
+  {
+    @include font-size( $font-size-h2, $font-size-h2 * 1.25 );
   }
 }
-.h3 {
+
+.b-h3
+{
   @include font-size( $font-size-h4, $font-size-h4 * 1.25 );
 
-  @media ( min-width: $tablet ) {
-    @include font-size( $font-size-h3, $font-size-h3 * 1.25 );     
+  @media ( min-width: $tablet )
+  {
+    @include font-size( $font-size-h3, $font-size-h3 * 1.25 );
   }
-}
+}
+
+.b-h4
+{
+  @include font-size( $font-size-h5, $font-size-h5 * 1.25 );
+
+  @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

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