starting out with a blank slate

Author: mansona

addon/styles/_es-accordion.scss

@@ -1,119 +0,0 @@
-.accordion-group {
-	border: 1px solid $gray-lighter;
-	border-radius: 2px;
-	border-bottom: none; //stay last
-	.accordion {
-		display: flex;
-		flex-flow: row wrap;
-		flex: 1;
-		min-width: 100%;
-		.accordion-heading {
-			align-items: center;
-			background-color: $white;
-			border-bottom: 1px solid $gray-lighter;
-			display: flex;
-			flex-flow: row wrap;
-			flex: 1;
-			height: 54px;
-			min-width: 100%;
-			padding: 0 10px;
-			@media screen and (min-width: 768px) {
-				padding: 0 36px;
-			}
-			&:last-of-type {
-				border-bottom-color: transparent;
-			}
-			&:hover {
-				background-color: $gray-lightest;
-			}
-			&.active {
-				background-color: $gray-lightest;
-			}
-			.content {
-				background-color: transparent;
-				color: $black;
-				flex-flow: row wrap;
-				flex: 1;
-				font-weight: 400;
-				padding-right: 24px;
-				&:first-of-type {
-					font-size: 1em;
-					font-weight: 500;
-				}
-				.content-sub {
-					font-weight: 500;
-				}
-			}
-			.button-icon {
-				background-color: transparent;
-				border-color: transparent;
-				color: $gray;
-				height: 36px;
-				width: 36px;
-				&:hover {
-					cursor: pointer;
-				}
-			}
-		}
-		.accordion-body {
-			border-bottom: 1px solid $gray-lighter;
-			display: flex;
-			flex: 1;
-			flex-flow: row wrap;
-			min-width: 100%;
-			padding: 0 10px 1em 10px;
-			@media screen and (min-width:768px) {
-				padding: 0 36px 1em 36px;
-			}
-      &.collapse {
-        display: none;
-      }
-
-			.accordion-content{
-				flex: 1;
-				&:first-of-type {
-					&:not(:last-of-type) {
-						padding-right: 0.5em;
-					}
-				}
-				&:last-of-type {
-					min-width: 100%;
-					@media screen and (min-width: 768px) {
-						min-width: 20%;
-						max-width: 25%;
-						padding-left: 1em;
-					}
-				}
-				.content-title {
-					color: $black;
-					font-size: 1.2em;
-					font-weight: 500;
-					line-height: 1;
-					margin-top: 1em;
-				}
-				.content-list {
-					list-style: none;
-					margin: 0;
-					padding: 0;
-					li {
-						margin: 0;
-						padding: 5px 0 0;
-						a {
-							align-items: center;
-							display: flex;
-							img {
-								background-color: $gray-lightest;
-								border-radius: 50%;
-								display: inline-block;
-								height: 30px;
-								margin-right: 2px;
-								width: 30px;
-							}
-						}
-					}
-				}
-			}
-		}
-		.accordion-footer {} //don't need it yet
-	}
-}

addon/styles/_es-aside.scss

@@ -1,3 +0,0 @@
-.es-aside {
-  grid-area: sidebar;
-}

addon/styles/_es-blog-heading.scss

@@ -1,50 +0,0 @@
-.es-blog-heading {
-  .post-title {
-    &.page-view {
-      color: $secondary;
-      font-size: 2.25em;
-      margin-bottom: 0.01em;
-      margin-top: 0.7em;
-    }
-
-    &.list-view {
-      color: $orange-darkest;
-      font-size: 1.75em;
-      font-weight: bold;
-      letter-spacing: none;
-      line-height: 1;
-      margin-bottom: 0.19em;
-      margin-top: 0.2em;
-      a {
-        color: $orange-darker;
-        text-decoration: none;
-        &:hover {
-          text-decoration: underline;
-        }
-      }
-    }
-  }
-
-  .post-date {
-    color: $gray;
-    display: block;
-    font-size: 0.8em;
-    text-transform: uppercase;
-    padding: 0.2em 0.25em 0 0;
-    @media screen and (min-width: 768px) {
-      display: inline-block;
-      padding: 0 0.25em 0 0;
-    }
-  }
-
-  .post-author {
-    color: $gray;
-    display: inline-block;
-    font-size: 0.8em;
-    font-weight: bold;
-    text-transform: uppercase;
-    &.guest {
-      color: $blue;
-    }
-  }
-}

addon/styles/_es-button.scss

@@ -1,85 +0,0 @@
-.es-button {
-	background-color: $orange-darker;
-	border-radius: 3px;
-	border: 3px solid transparent;
-	color: $white;
-	font-family: $font-family-sans-serif;
-	font-size: 1.2em;
-	font-weight: 400;
-	height: 54px;
-	letter-spacing: 1px;
-	margin: 9px 0.2em;
-	min-width: 96px;
-	padding: 0 24px;
-	text-decoration: none;
-	text-transform: uppercase;
-	transition: all 0.4s ease 0s;
-	&:hover,
-		:focus {
-			background-color: $orange-darkest;
-			color: $white;
-			cursor: pointer;
-	}
-
-  &.button-block {
-		margin: 9px auto;
-		max-width: 100%;
-		width: 100%;
-    box-sizing: border-box;
-  }
-  &.button-dense {
-		font-size: 17px;
-		height: 48px;
-	}
-  &.button-light {
-		background-color: $white;
-		border: 3px solid $orange;
-		color: $orange-darker;
-		&:hover {
-			border-color: $orange-darkest;
-			color: $orange-darkest;
-		}
-	}
-	&.disabled {
-		background-color: $gray-lightest;
-		border-color: $gray-lighter !important;
-		color: $gray-lighter !important;
-		&:hover,
-		:focus {
-			background-color: $gray-lightest;
-			border-color: $gray-lighter;
-			color: $gray-lighter;
-			cursor: not-allowed;
-		}
-	}
-	&.button-link {
-		background-color: transparent;
-		border-color: transparent;
-		color: $orange-darker;
-		margin: 9px 12px;
-		padding: 0 12px;
-	}
-  &.button-icon {
-		background-color: transparent;
-		border-color: transparent;
-		color: $gray;
-		height: 36px;
-		width: 36px;
-		&:hover {
-			cursor: pointer;
-		}
-	}
-  &.button-tiny {
-  	display: inline-block;
-  	font-size: 14px;
-  	height: 30px;
-  	line-height: 26px;
-  	vertical-align: middle;
-  }
-  @media screen and (max-width: 768px) {
-		margin: 9px auto;
-		max-width: 100%;
-		width: 100%;
-    box-sizing: border-box;
-  }
-}

addon/styles/_es-card.scss

@@ -1,54 +0,0 @@
-.es-card {
-  display: flex;
-  flex: 1;
-  justify-content: center;
-  list-style: none;
-  margin: 0;
-  padding-left: 0;
-  &.border {
-    li {
-      border: 4px solid $primary;
-    }
-  }
-  li {
-    align-content: stretch;
-    display: flex;
-    flex-direction: column;
-    flex: 1;
-    padding: 1.125em 0.8em 1em 0.8em;
-    width: 250px;
-    @media screen and (min-width: 768px) {
-      max-width: 250px;
-      margin: 10px;
-    }
-    img {
-      display: block;
-      clear: both;
-      margin: 0 auto;
-      max-width: 100%;
-      max-height: 150px;
-    }
-    h3 {
-      display: block;
-      width: 100%;
-      text-align: center;
-      color: $black;
-      font-size: 1.4em;
-      line-height: 1;
-      margin-bottom: 0;
-      // background-color: rgba(252, 249, 247, 0.6);
-    }
-    p {
-      display: block;
-      font-size: 1em;
-      line-height: 1.2;
-      text-align: center;
-      margin: 0 auto;
-      max-width: 100%;
-      padding: 1em 0 0 0;
-    }
-    .es-button {
-      margin: 0 auto;
-    }
-  }
-}