scss dFactory对GDPR的Cookie通知

Posted 2021-05-17

/*********************
COOKIE NOTICE FOR GDPR (DFACTORY)
*********************/

#cookie-notice {
	font-size: $base-size;

	.button {
	  display: inline-block;
	  position: relative;
	  font-family: $sans-serif;
	  text-decoration: none;
	  color: $black;
	  background: $white;
	  font-size: $base-size;
	  line-height: 1.5em;
	  font-weight: normal;
	  padding: 5px 10px;
	  margin: 2px 5px;
	  border-radius: 0;
	  border: 0;
	  cursor: pointer;
	  @include transition(background-color 0.14s ease-in-out);

	  // hovering on the btn
	  &:hover, &:focus {
	    background: darken($white, 10%);
	    color: $black;
	    text-decoration: none;
	    outline: none;
	  } // end hover

	  // clicking on the button
	  &:active {
	    top: 1px; // adds a tiny hop to the click
	  } // end active
	}
}