scss CNG橙色按钮

Posted 2021-05-18

button {
		margin:5px;
		padding:15px 20px;
		border:2px solid white;
		border-radius:9px;
		cursor:pointer;
		font-size:1.5em;
		color:white;
		text-align:center;
		text-shadow:0 -1px 0 rgba(black,.3);
		background:$orange;
		background-image:linear-gradient(lighten($orange,10), darken($orange,15));
		box-shadow:0 2px 4px rgba(black, .2);
		transition:.3s;
		&:hover {
			background:darken($orange, 10);
			background-image:linear-gradient(darken($orange,10), $orange);
			box-shadow:0 0 4px rgba(black, .2);
		}
		&:visited{ color:white; }
	}