Contents

/* -----------------------------------------------------------------
    - Timeline
----------------------------------------------------------------- */

.timeline {
  margin-top: rem(29px);
  padding-left: rem(24px);
  position: relative;

  &::before {
	content: '';
	border-left-color: var(--color-border);
	border-left-width: 1px;
	border-left-style: solid;
	height: rem(60px);
	width: 1px;
    @include position(absolute, $top: rem(-30px));
  }

  @media only screen and (max-width: $small) {
	padding-left: rem(14.5px);
  }

  &__item {
    border-left-color: var(--color-border);
	border-left-width: 1px;
	border-left-style: solid;
    padding-bottom: rem(9px);
    padding-left: rem(40px);
    position: relative;
	
	&::before {
	  content: '';
	  background: var(--color-gradient-text);
	  box-shadow: 0 0 0 rem(4px) rgba(255, 219, 110,.1);
	  border-radius: 50%;
	  @include position(absolute, $top: rem(1px), $left: rem(-5px));
	  height: rem(9px);
	  width: rem(9px);
	}
	
	&:last-child {
	  border: 0;
	}

	@media only screen and (max-width: $small) {
		padding-left: rem(30px);

		&::before {
		  left: rem(-3.5px);
		  height: rem(6px);
		  width: rem(6px);
		}
	}
  }
  
  &__title {
    margin-bottom: 0;
	position: relative;
	top: rem(-5px);
  }
  
  &__period {
    background: var(--color-gradient-text);
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
	font-weight: 400;
  }
  
  &__description {
	margin-top: rem(4px);
	
	@media only screen and (max-width: $small) {
	  margin-top: rem(3px);
	}
  }
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
CV-Portfolio-0.0.1	assets/css/app/_timeline.scss