upkey-track_stylebase 1.0.0 → 1.0.1

data/vendor/assets/stylesheets/components/_illustration.scss

@@ -1,41 +0,0 @@
-.illustrations {
-  max-width: 760px;
-  margin: 40px auto 0;
-  
-  @media(min-width: 740px) {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-  }
-}
-
-.illustration {
-  width: 100%;
-  max-width: 265px;
-  margin: 0 auto 30px;
-  box-shadow: 0 0 15px rgba(0,0,0,0.2); 
-  border-radius: 5px;
-  overflow: hidden;
-  
-  .button {
-    border-radius: 0;
-  } 
-
-  @media(min-width: 740px) {
-    margin: 0 0 30px;
-  }
-}
-
-.illustration__media {
-  height: 300px;
-  overflow: hidden;
-  padding: 15px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  
-  img {
-    max-width: 100%;
-  }
-}
-

data/vendor/assets/stylesheets/components/_natural_language.scss

@@ -1,110 +0,0 @@
-.natural_language__form {
-  .natural_language__header {
-    display: flex;
-    margin-bottom: 0;
-
-    h2 {
-      width: 75%;
-      font-weight: normal;
-      margin-bottom: 0;
-      text-align: left;
-    }
-
-    .button {
-      margin-bottom: 0;
-      border-radius: 5px 5px 0 0;
-    }
-
-    .natural_language__reset .button {
-      background-color: $lightBlue;
-    }
-
-    .natural_language__tutorial .button {
-      background-color: $green;
-    }
-  }
-
-  .row {
-    margin-bottom: 2em;
-
-    &.button_row {
-      margin-bottom: 1em;
-    }
-  }
-
-  .natural_language__box {
-    border: 1px solid $lightGrey;
-    padding: 1.5em;
-    border-radius: 5px;
-
-    input,
-    textarea {
-      background: none;
-      border: none;
-      font-size: 28px;
-      border-bottom: 1px dashed $lightGrey;
-
-      &:focus {
-        outline: none;
-      }
-    }
-
-    .button {
-      width: 33%;
-      background-color: $lightBlue;
-    }
-
-    .plus {
-      margin-left: 4.5%;
-      margin-right: 4.5%;
-    }
-
-    .col-30 {
-      width: 30%;
-    }
-
-    .col-50 {
-      width: 49%;
-    }
-
-    textarea {
-      width: 90%;
-      margin-right: 10%;
-      resize: none;
-    }
-  }
-
-  .natural_language__entries {
-    font-size: 20px;
-
-    .natural_language__bullets {
-      text-align: left;
-
-      .entry {
-        margin-bottom: 1em;
-
-        .delete {
-          display: none;
-          border: 2px solid $lightGrey;
-          border-radius: 100%;
-          padding-left: 7px;
-          padding-right: 7px;
-          float: right;
-          margin-left: 10%;
-          font-weight: bolder;
-          background-color: $white;
-
-          &:hover {
-            color: $red;
-            border-color: $red;
-            cursor: pointer;
-          }
-        }
-      }
-    }
-
-    .button {
-      width: 33%;
-    }
-  }
-}

data/vendor/assets/stylesheets/components/_progressbar.scss

@@ -1,35 +0,0 @@
-/*--------------------------------
-PROGRESSBAR
----------------------------------*/
-.progressbar__track {
-  position: relative;
-  background: #f4f4f4;
-  height: 3px;
-  
-  span {
-    display: block;
-    position: absolute;
-    top: 0;
-    left: 0;
-    bottom: 0;
-    background: $darkBlue;
-    transition: width 0.3s;
-  }
-}
-
-
-.progressbar__num {
-  text-transform: uppercase;
-  font-size: 9px;
-  letter-spacing: 2px;
-  font-weight: 500; 
-  text-align: center;
-  color: $lightBlue;
-  padding-top: 5px;
-  padding-bottom: 5px;
-  
-  span {
-    color: $darkBlue;
-    font-weight: 600; 
-  }
-}

data/vendor/assets/stylesheets/components/_quiz.scss

@@ -1,58 +0,0 @@
-.quiz__header h3 {
-  font-weight: lighter;
-  color: $blue;
-  font-size: 33px;
-}
-
-.quiz__options {
-  .option {
-    padding-top: 1em;
-    padding-bottom: 1em;
-    border: 1px solid $lightBlue;
-    background-color: $white;
-    width: 100%;
-    border-radius: 5px;
-    margin-bottom: 2em;
-    text-align: left;
-    padding-left: 1em;
-
-    &:hover {
-      color: $white;
-      background-color: $lightBlue;
-      cursor: pointer;
-
-      .option__letter {
-        background-color: $white;
-        color: $lightBlue;
-      }
-    }
-
-    span {
-      font-size: 24px;
-    }
-
-    .option__letter {
-      color: $white;
-      background-color: $lightBlue;
-      border-radius: 100%;
-      padding-left: 0.5em;
-      padding-right: 0.5em;
-      padding-top: 0.25em;
-      padding-bottom: 0.25em;
-      margin-right: 1em;
-    }
-
-    .option__response {
-      display: none;
-      text-align: center;
-      margin-top: 2em;
-      font-size: 16px;
-      margin-right: 2em;
-      margin-left: 1em;
-    }
-  }
-}
-
-.advance_button, .question__2 {
-  display: none;
-}

data/vendor/assets/stylesheets/components/_skills.scss

@@ -1,37 +0,0 @@
-.skills {
-  display: flex;
-  flex-wrap: wrap;
-
-  .skill {
-    margin-left: 2%;
-    margin-bottom: 1em;
-    padding-top: 0.2em;
-    padding-bottom: 0.2em;
-    padding-left: 1em;
-    padding-right: 1em;
-    background-color: $white;
-    border-radius: 20px;
-
-    &.technical {
-      color: $orange;
-      border: 2px solid $orange;
-
-      &:hover {
-        color: $white;
-        background-color: $orange;
-        cursor: pointer;
-      }
-    }
-
-    &.non_technical {
-      color: $lightBlue;
-      border: 2px solid $lightBlue;
-
-      &:hover {
-        color: $white;
-        background-color: $lightBlue;
-        cursor: pointer;
-      }
-    }
-  }
-}

data/vendor/assets/stylesheets/components/_slider.scss

@@ -1,99 +0,0 @@
-.gpa__slider {
-  margin-top: 1em;
-  margin-bottom: 3em;
-
-  input[type=range] {
-    -webkit-appearance: none;
-    margin: 18px 0;
-    width: 100%;
-  }
-
-  input[type=range]:focus {
-    outline: none;
-  }
-
-  input[type=range]::-webkit-slider-runnable-track {
-    width: 100%;
-    height: 20px;
-    cursor: pointer;
-    animate: 0.2s;
-    background:  linear-gradient(to right, $red , $yellow, $green);
-    border-radius: 5px;
-  }
-
-  input[type=range]::-webkit-slider-thumb {
-    box-shadow: 1px 1px 1px $lightGrey;
-    border: 1px solid $lightGrey;
-    height: 36px;
-    width: 16px;
-    border-radius: 3px;
-    background: #ffffff;
-    cursor: pointer;
-    -webkit-appearance: none;
-    margin-top: -14px;
-  }
-
-  input[type=range]:focus::-webkit-slider-runnable-track {
-    background: $lightBlue;
-  }
-
-  input[type=range]::-moz-range-thumb {
-    box-shadow: 1px 1px 1px $lightGrey;
-    border: 1px solid $lightGrey;
-    height: 36px;
-    width: 16px;
-    border-radius: 3px;
-    background: #ffffff;
-    cursor: pointer;
-  }
-
-  input[type=range]::-ms-track {
-    width: 100%;
-    height: 20px;
-    cursor: pointer;
-    animate: 0.2s;
-    background:  linear-gradient(to right, $red , $yellow, $green);
-    border-radius: 5px;
-  }
-
-  input[type=range]::-ms-fill-lower {
-    background: #2a6495;
-    border: 0.2px solid #010101;
-    border-radius: 2.6px;
-    box-shadow: 1px 1px 1px $lightGrey;
-  }
-
-  input[type=range]::-ms-fill-upper {
-    background: $lightBlue;
-    border: 0.2px solid #010101;
-    border-radius: 2.6px;
-    box-shadow: 1px 1px 1px $lightGrey;
-  }
-
-  input[type=range]::-ms-thumb {
-    box-shadow: 1px 1px 1px $lightGrey;
-    border: 1px solid $lightGrey;
-    height: 36px;
-    width: 16px;
-    border-radius: 3px;
-    background: #ffffff;
-    cursor: pointer;
-  }
-
-  input[type=range]:focus::-ms-fill-lower {
-    background: $lightBlue;
-  }
-
-  input[type=range]:focus::-ms-fill-upper {
-    background: $lightBlue;
-  }
-}
-
-.gpa__header {
-  margin-top: 2em;
-
-  h2 {
-    font-weight: lighter;
-    font-size: 32px;
-  }
-}

data/vendor/assets/stylesheets/components/_statement.scss

@@ -1,35 +0,0 @@
-.statement__container {
-  position: absolute;
-  right: 0;
-  border: 1px solid $grey;
-  max-width: 33%;
-  width: 33%;
-  height: 100%;
-  padding: 3em;
-  border-radius: 5px;
-  background-color: $white;
-  text-align: center;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  .statement__save-text {
-    position: absolute;
-    top: 6%;
-    display: none;
-    color: $green;
-  }
-
-  textarea {
-    font-size: 13px;
-    border: none;
-    resize: none;
-    width: 100%;
-    height: 90%;
-    align-self: center;
-
-    &:focus {
-      outline: none;
-    }
-  }
-}

data/vendor/assets/stylesheets/components/_toggle.scss

@@ -1,138 +0,0 @@
-.checkbox-toggle {
-	display: flex;
-	min-height: 100%;
-	justify-content: center;
-	margin-top: 1em;
-	flex-direction: column;
-	font-family: sans-serif;
-
-  ul,
-  li {
-  	list-style: none;
-  	margin: 0;
-  	padding: 0;
-  }
-
-  .tg-list {
-  	text-align: center;
-  	display: flex;
-  	align-items: center;
-  }
-
-  .tg-list-item {
-  	margin: 0 2em;
-  }
-
-  h2 {
-  	color: #777;
-  }
-
-  h4 {
-  	color: #999;
-  }
-
-  .tgl {
-  	display: none;
-
-  	// add default box-sizing for this scope
-  	&,
-    &:after,
-    &:before,
-  	& *,
-    & *:after,
-    & *:before,
-  	& + .tgl-btn {
-  		box-sizing: border-box;
-  		&::selection {
-  			background: none;
-  		}
-  	}
-
-  	+ .tgl-btn {
-  		outline: 0;
-  		display: block;
-  		width: 100%;
-  		height: 2em;
-  		position: relative;
-  		cursor: pointer;
-      user-select: none;
-  		&:after,
-      &:before {
-  			position: relative;
-  			display: block;
-  			content: "";
-  			width: 50%;
-  			height: 100%;
-  		}
-
-  		&:after {
-  			left: 0;
-  		}
-
-  		&:before {
-  			display: none;
-  		}
-  	}
-
-  	&:checked + .tgl-btn:after {
-  		left: 50%;
-  	}
-  }
-
-  // themes
-  .tgl-skewed {
-  	+ .tgl-btn {
-			border-radius: 5px;
-  		overflow: hidden;
-  		backface-visibility: hidden;
-  		transition: all .2s ease;
-  		font-family: sans-serif;
-  		background: $lightBlue;
-
-  		&:after,
-      &:before {
-  			display: inline-block;
-  			transition: all .2s ease;
-  			width: 100%;
-  			text-align: center;
-  			position: absolute;
-  			line-height: 2em;
-  			font-weight: bold;
-  			color: #fff;
-  			text-shadow: 0 1px 0 rgba(0,0,0,.4);
-  		}
-
-  		&:after {
-  			left: 100%;
-  			content: attr(data-tg-on);
-  		}
-
-  		&:before {
-  			left: 0;
-  			content: attr(data-tg-off);
-  		}
-
-  		&:active {
-  			background: $blue;
-  			&:before {
-  				left: -10%;
-  			}
-  		}
-  	}
-
-  	&:checked + .tgl-btn {
-      background: $orange;
-      &:before {
-        left: -100%;
-      }
-
-      &:after {
-        left: 0;
-      }
-
-      &:active:after {
-        left: 10%;
-      }
-  	}
-  }
-}