#588 - Create base bundle with base styling

eventoL · Oct 19, 2019 · 830aae5 · 830aae5
1 parent 2dcd438
commit 830aae5
Show file tree

Hide file tree

Showing 2 changed files with 248 additions and 0 deletions.
diff --git a/eventol/front/src/libs/base.js b/eventol/front/src/libs/base.js
@@ -0,0 +1 @@
+import './base.scss';
diff --git a/eventol/front/src/libs/base.scss b/eventol/front/src/libs/base.scss
@@ -0,0 +1,247 @@
+$icon-font-path: "~bootstrap-sass/assets/fonts/bootstrap/";
+@import '~bootstrap-sass';
+
+$brand-primary: #214760;
+$brand-success: #449d44;
+$brand-danger: #f44336;
+
+$grid-float-breakpoint: $screen-md;
+@import '~bootstrap-material-design/sass/bootstrap-material-design';
+$brand-warning: $deep-orange;
+$brand-info: $light-blue;
+
+$roboto-font-path: '~roboto-fontface/fonts';
+@import '~roboto-fontface/css/roboto/sass/roboto-fontface';
+
+$fa-font-path: '~font-awesome/fonts';
+@import '~font-awesome/scss/font-awesome';
+
+.letra-chiquita {
+  font-size: 1.2em !important;
+}
+
+html {
+  position: relative;
+  min-height: 100%;
+}
+
+body {
+  /* Margin bottom by footer height */
+  margin-bottom: 30px;
+}
+
+body > .container,
+body > .container-fluid {
+  margin-top: 70px;
+}
+
+.footer {
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  /* Set the fixed height of the footer here */
+  height: 30px;
+  line-height: 30px; /* Vertically center the text there */
+}
+
+/* Global overrides */
+
+body {
+  font-family: Roboto;
+}
+
+a.accordion-toggle {
+  text-decoration: none !important;
+}
+
+/* Classes */
+
+.eventol-logo {
+  height: 45px;
+  margin: 7px;
+}
+
+.jumbotron-clear {
+  background-color: unset !important;
+  box-shadow: none !important;
+}
+
+.mapbox {
+  position: relative;
+}
+
+.mapbox .overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+
+.asd {
+  height: 180px;
+  z-index: 1000 !important;
+}
+
+.event-title {
+  margin: 10px;
+  font-family: 'Comfortaa', cursive !important;
+  font-weight: 400;
+  font-size: 1.8em;
+}
+
+.form-group label.control-label {
+  color: #009688 !important;
+}
+
+.form-group.has-error label.control-label, .form-group.has-error .help-block {
+  color: #f44336 !important;
+}
+
+.navbar {
+  margin-bottom: 0 !important;
+}
+
+.transparent {
+  background-color: transparent;
+  border-color: transparent;
+}
+
+
+/* Container text */
+
+.container-text {
+  text-align: center;
+}
+
+.container-text > h1 {
+  font-family: 'Comfortaa', cursive !important;
+  color: orange;
+  margin: 0 auto;
+  padding: 75px 15px 0 15px;
+  position: relative;
+  z-index: 10;
+  font-size: 72px;
+  text-shadow: 0 4px 2px rgba(0, 0, 0, 0.7);
+  font-weight: 700;
+
+  @media screen and (max-width: 767px) {
+    padding: 35px 15px 0 15px;
+    font-size: 48px;
+  }
+}
+
+.container-text > a {
+  margin-top: 60px;
+}
+
+.container-text > h2 {
+  font-family: 'Comfortaa', cursive !important;
+  font-weight: 400;
+}
+
+/*  */
+.event-location-address {
+  font-size: 18px;
+  color: #727272;
+}
+
+.event-directions > a {
+  padding: 0 40px 0 40px;
+  @media screen and (max-width: 767px) {
+    padding: 0 20px 0 20px;
+  }
+}
+
+.postal-code {
+  display: none;
+}
+
+.event-contacts {
+  text-align: center;
+}
+
+.contact-link {
+  color: #B6B6B6;
+  padding: 0 40px 0 40px;
+  @media screen and (max-width: 767px) {
+    padding: 0 20px 0 20px;
+  }
+}
+
+.login-panel {
+  z-index: 20;
+  padding: 20px;
+  text-align: center;
+}
+
+.social-login-btn {
+  padding: 13px !important;
+  margin: 0 5px 0 5px !important;
+}
+
+.facebook-icon {
+  color: #3b5998 !important;
+  &:before {
+    content: $fa-var-facebook-f;
+  }
+}
+
+.twitter-icon {
+  color: #55ACEE !important;
+  &:before {
+    content: $fa-var-twitter;
+  }
+}
+
+.google-icon {
+  color: #dd4b39 !important;
+  &:before {
+    content: $fa-var-google;
+  }
+}
+
+.github-icon {
+  color: #333333 !important;
+  &:before {
+    content: $fa-var-github;
+  }
+}
+
+.live-icon {
+  color: #333333 !important;
+  &:before {
+    content: $fa-var-windows;
+  }
+}
+
+.panel > .panel-heading, .panel.panel-default > .panel-heading {
+  background-color: #ffffff;
+}
+
+.navbar .dropdown-menu li > a, .navbar.navbar-default .dropdown-menu li > a {
+  font-size: unset !important;
+}
+
+.alert.alert-info {
+  background-color: #d9edf7;
+  color: #31708f;
+}
+
+.autocomplete-light-widget {
+  width: 100%;
+}
+
+div.captcha > label {
+  display: contents;
+}
+
+span.vote-cancel{
+  display:none;
+}
+
+a:hover span.vote-status{
+  display:none;
+}
+
+a:hover span.vote-cancel{
+  display:inline-block;
+}