golden hour

/home/phakp/public_html/wp/wp-content/themes/neve/dashboard/src/scss

File/Folder	Size	Actions
_core-overrides.scss	277 B
_general.scss	1.24 KB
_media-queries.scss	895 B
_vars.scss	381 B
components	-
content	-

Edit: _general.scss

.container {
  padding: 0 15px;
  &.content {
	padding-top: 20px;
  }
}

.dash-notice {
  position: fixed;
  bottom: 30px;
  margin-left: 30px;
}

svg.is-loading, button.is-loading svg {
  color: $dark-grey;
  animation-name: spin;
  animation-duration: 2000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.col {
  width: 100%;
}

@-webkit-keyframes spin {
  from {
	transform: rotate(0deg);
  }
  to {
	transform: rotate(360deg);
  }
}

@keyframes spin {
  from {
	transform: rotate(0deg);
  }
  to {
	transform: rotate(360deg);
  }
}

@mixin general--laptop() {
  .container {
	padding: 0 20px;
  }

.content {
	display: flex;
  }

.main {
	flex-grow: 1;
	margin-right: 20px;
  }

.col {
	display: flex;
	flex-direction: column;
  }
}

@mixin general--desktop() {
  .container {
	margin:0 auto;
  }
  .col {
	width: 50%;

&:not(:last-child) {
	  margin-right: 20px;
	}
  }
  .main {
	flex-grow: 1;
	margin-right: 20px;
  }
  .content {
	display: flex;
	padding-top: 30px;
  }
  .columns {
	display: flex;
	flex-direction: row;
  }
}

@mixin general--desktop-large() {
  .container {
	padding: 0 50px;
	max-width: 1300px;
  }
  .col {
	&:not(:last-child) {
	  margin-right: 30px;
	}
  }
  .main {
	margin-right: 30px;
  }
}