サイト全体で使うCSS

全ページで、このCSSを読み込む。

@import 'partial/mixin';

1.ボタン

ボタンです

汎用ボタン

特殊なボタン

.mod-btn {
  display: inline-block;
  padding: 5px;
  background-color: white;
  &:hover {
    background-color:gray;
  }
}

.mod-btn2 {
  display: inline-block;
  padding: 5px;
  background-color: lime;
  &:hover {
    background-color: tomato;
  }
}

2.ナビゲーション

.mod-nav {
	overflow: hidden;
}

.mod-nav-item {
	display: block;
	float: left;
	width: 25%;
	text-align: center;
	background: #ccc;
	&.is-active {
		@include pointer-events(none);
		background-color: tomato;
	}
}