Eclectic Media Git eclecticmedia.space / master eclecticmedia.scss
master

Tree @master (Download .tar.gz)

eclecticmedia.scss @masterraw · history · blame

/******************************************************************************

                                 GLOBALS SETUP

*******************************************************************************/

/* HSL */
$color1: hsla(226%, 60%, 10%, 1);
$color2: hsla(288%, 100%, 17%, 1);
$color3: hsla(288%, 100%, 34%, 1);
$color4: hsla(331%, 100%, 28%, 1);
//;$color5: hsla(357%, 84%, 95%, 1);

/* RGB */
$color1: rgba(10, 17, 40, 1);
$color2: rgba(68, 0, 85, 1);
$color3: rgba(137, 0, 173, 1);
$color4: rgba(142, 0, 69, 1);
// $color5: rgba(253, 232, 233, 1);
$color5: #fff;
$dark-grey: $color1;
$dark-grey-transparent: rgba($dark-grey, 0.5);
$dark-grey-extra-transparent: rgba($dark-grey, 0.2);
// $dark-grey-compliment: #C7C7C6;
$white: $color5;
// $white-transparent: rgba($white, 0.5);
$highlight: $color3;
// $highlight-transparent: rgba($highlight, 0.5);
$secondary: $color5;

$theme-colors: (
  "primary": $color3,
  "secondary": $color5,
  "black": $color1,
);

html {
	height: 100%;
	width: 100%;
}

body {
	height: 100%;
	width: 100%;
  padding: 0px;
  margin: 0px;

  // background-color: red;  // MAKE ANY GAPS IN DESIGN VERY VISIBLE
  // position: relative;
  // font-family: 'Raleway', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  // font-family: 'Montserrat', sans-serif;
}

/******************************************************************************
                         UTILITY CLASSES AND SELECTORS

- #VerticalSeperator
- .animated
- .parallax
- .seperator
- .slick-border

*******************************************************************************/

.slick-border {
  border-radius: 0px;
  border: 2.5px solid rgba(0, 0, 0, 0.5);
  border-color: $highlight;
  position: relative;
  padding-right: 0px;
  padding-left: 0px;
}

@import 'scss/_jarallax.scss';
@import 'scss/_demo.scss';
@import 'scss/_content.scss';
@import 'scss/_top.scss';
@import 'scss/_middle.scss';
@import 'scss/_bottom.scss';
@import 'scss/_about_us.scss';
@import 'scss/_testimonial.scss';
@import 'scss/_contact.scss';
@import 'scss/_blog.scss';
@import 'scss/_recent-blog.scss';
// @import 'scss/_top.scss';
// @import 'scss/_bottom_25.scss';
// @import 'scss/_wide_info.scss';
// @import 'scss/_two_column.scss';
// @import 'scss/_img_header.scss';
// @import 'scss/_reviews.scss';
// @import 'scss/_squeaky_wheel.scss';
// @import 'scss/_contact_footer.scss';
// @import 'scss/_carousel-services.scss';
@import "node_modules/bootstrap/scss/bootstrap";