bootstrap-honoka-rails 3.3.7

data/assets/stylesheets/rin/_font.scss

@@ -0,0 +1,58 @@
+@charset "UTF-8";
+
+// Open Sans
+@import url(#{$font-family-open-sans-import-path});
+
+// Yu Gothic (for Windows)
+@font-face {
+	font-family: "Yu Gothic";
+	src: local("Yu Gothic Medium");
+	font-weight: 100;
+}
+@font-face {
+	font-family: "Yu Gothic";
+	src: local("Yu Gothic Medium");
+	font-weight: 200;
+}
+@font-face {
+	font-family: "Yu Gothic";
+	src: local("Yu Gothic Medium");
+	font-weight: 300;
+}
+@font-face {
+	font-family: "Yu Gothic";
+	src: local("Yu Gothic Medium");
+	font-weight: 400;
+}
+@font-face {
+	font-family: "Yu Gothic";
+	src: local("Yu Gothic Bold");
+	font-weight: bold;
+}
+
+// Yu Mincho (for Windows)
+@font-face {
+	font-family: "Yu Mincho";
+	src: local("Yu Mincho Medium");
+	font-weight: 100;
+}
+@font-face {
+	font-family: "Yu Mincho";
+	src: local("Yu Mincho Medium");
+	font-weight: 200;
+}
+@font-face {
+	font-family: "Yu Mincho";
+	src: local("Yu Mincho Medium");
+	font-weight: 300;
+}
+@font-face {
+	font-family: "Yu Mincho";
+	src: local("Yu Mincho Medium");
+	font-weight: 400;
+}
+@font-face {
+	font-family: "Yu Mincho";
+	src: local("Yu Mincho Bold");
+	font-weight: bold;
+}

data/assets/stylesheets/rin/_honoka.scss

@@ -0,0 +1,60 @@
+@charset "UTF-8";
+
+// Core variables
+@import "./variables";
+// Core mixins
+@import "bootstrap/mixins";
+@import "./mixins";
+
+// Honoka Font Setting
+@import "./font";
+
+@import "bootstrap/normalize";
+@import "bootstrap/grid";
+@import "bootstrap/print";
+@import "bootstrap/glyphicons";
+
+// Core CSS
+@import "bootstrap/scaffolding";
+@import "bootstrap/type";
+@import "bootstrap/code";
+@import "bootstrap/grid";
+@import "bootstrap/tables";
+@import "bootstrap/forms";
+@import "bootstrap/buttons";
+
+// Components
+@import "bootstrap/component-animations";
+@import "bootstrap/dropdowns";
+@import "bootstrap/button-groups";
+@import "bootstrap/input-groups";
+@import "bootstrap/navs";
+@import "bootstrap/navbar";
+@import "bootstrap/breadcrumbs";
+@import "bootstrap/pagination";
+@import "bootstrap/pager";
+@import "bootstrap/labels";
+@import "bootstrap/badges";
+@import "bootstrap/jumbotron";
+@import "bootstrap/thumbnails";
+@import "bootstrap/alerts";
+@import "bootstrap/progress-bars";
+@import "bootstrap/media";
+@import "bootstrap/list-group";
+@import "bootstrap/panels";
+@import "bootstrap/responsive-embed";
+@import "bootstrap/wells";
+@import "bootstrap/close";
+
+// Components w/ JavaScript
+@import "bootstrap/modals";
+@import "bootstrap/tooltip";
+@import "bootstrap/popovers";
+@import "bootstrap/carousel";
+
+// Utility classes
+@import "bootstrap/utilities";
+@import "bootstrap/responsive-utilities";
+
+// Honoka Original Setting
+@import "./override";

data/assets/stylesheets/rin/_mixins.scss

@@ -0,0 +1,60 @@
+//== buttons
+@mixin button-variant($color, $background, $border) {
+	color: $color;
+	background-color: $background;
+	border-color: $border;
+
+	transition-property: all;
+	transition-duration: 0.3s;
+	transition-timing-function: ease;
+
+	&:focus,
+	&.focus {
+		color: $color;
+		background-color: darken($background, 10%);
+		border-color: darken($border, 25%);
+	}
+	&:hover {
+		color: $color;
+		background-color: darken($background, 10%);
+		border-color: darken($border, 12%);
+	}
+	&:active,
+	&.active,
+	.open > &.dropdown-toggle {
+		color: $color;
+		background-color: darken($background, 5%);
+		border-color: darken($border, 6%);
+
+		&:hover,
+		&:focus,
+		&.focus {
+			color: $color;
+			background-color: darken($background, 17%);
+			border-color: darken($border, 25%);
+		}
+	}
+	&:active,
+	&.active,
+	.open > &.dropdown-toggle {
+		background-image: none;
+	}
+	&.disabled,
+	&[disabled],
+	fieldset[disabled] & {
+		&,
+		&:hover,
+		&:focus,
+		&.focus,
+		&:active,
+		&.active {
+			background-color: $background;
+			border-color: $border;
+		}
+	}
+
+	.badge {
+		color: $background;
+		background-color: $color;
+	}
+}

data/assets/stylesheets/rin/_override.scss

@@ -0,0 +1,372 @@
+@charset "UTF-8";
+
+$brand-colors: (
+	primary:	$brand-primary,
+	success:	$brand-success,
+	info:			$brand-info,
+	warning:	$brand-warning,
+	danger:		$brand-danger
+);
+
+// animation
+a {
+	transition-timing-function: ease;
+	transition-duration: 0.3s;
+	transition-property: all;
+}
+
+// buttons
+.btn {
+	position: relative;
+	border-width: 0;
+	border-radius: 2px;
+	outline: none;
+	box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
+	&::before {
+		position: absolute;
+		top: 50%;
+		left: 50%;
+		display: block;
+		width: 0;
+		padding-top: 0;
+		content: "";
+		background-color: rgba(236, 240, 241, .3);
+		border-radius: 100%;
+		transform: translate(-50%, -50%);
+	}
+	&.active,
+	&:active {
+		box-shadow: none;
+	}
+	&.btn-link {
+		background-color: transparent;
+		box-shadow: none;
+	}
+}
+.dropdown-menu {
+	margin: 0;
+	background-color: rgba($dropdown-bg, 0.9);
+	border: 0;
+	box-shadow: none;
+}
+
+.btn-group,
+.dropdown-toggle,
+.btn-group-vertical {
+	box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
+	.btn-group,
+	.btn {
+		border-left: 1px solid $gray-lighter;
+		box-shadow: none;
+	}
+}
+
+.dropdown {
+	.dropdown-toggle {
+		box-shadow: none;
+	}
+}
+
+// navbar
+.navbar {
+	&.navbar-default,
+	&.navbar-inverse {
+		background-color: rgba(#fff, .9);
+		border: 0;
+		border-bottom: 1px solid $brand-primary;
+		.navbar-nav {
+			> li:not(.active) {
+				> a:hover {
+					background-color: transparent;
+				}
+			}
+			@media (min-width: $grid-float-breakpoint) {
+				> li {
+					> a {
+						padding-top:    ($navbar-padding-vertical / 4);
+						padding-bottom: ($navbar-padding-vertical / 4);
+						margin-top:     ($navbar-padding-vertical / 4 * 3);
+						margin-bottom:  ($navbar-padding-vertical / 4 * 3);
+						background-color: transparent;
+						// underbar(hover animation)
+						&::after {
+							position: absolute;
+							bottom: 0;
+							left: 0;
+							width: 100%;
+							height: 1px;
+							content: "";
+							background-color: $brand-primary;
+							transition: all .3s ease;
+							transform: scaleX(0);
+						}
+						&:hover {
+							&::after {
+								transform: scaleX(1);
+							}
+						}
+					}
+					> .dropdown-menu {
+						margin-top: (-$navbar-padding-vertical / 4 * 3);
+						li {
+							a {
+								&:hover {
+									color: $brand-primary;
+									background-color: transparent;
+								}
+							}
+						}
+					}
+					// active nav
+					&.active {
+						> a {
+							color: $text-color;
+							background-color: transparent;
+							&::after {
+								position: absolute;
+								bottom: 0;
+								left: 0;
+								width: 100%;
+								height: 1px;
+								content: "";
+								background-color: $brand-primary;
+								transform: scaleX(1);
+							}
+							&:hover {
+								color: $text-color;
+								background-color: transparent;
+							}
+						}
+					}
+					&.open {
+						> a {
+							color: $text-color;
+							background-color: transparent;
+							&:focus {
+								color: $text-color;
+								background-color: transparent;
+								&::after {
+									position: absolute;
+									bottom: 0;
+									left: 0;
+									width: 100%;
+									height: 1px;
+									content: "";
+									background-color: $brand-primary;
+									transform: scaleX(1);
+								}
+							}
+						}
+					}
+				}
+				> li:not(:last-child) {
+					margin-right: ($navbar-padding-horizontal / 3);
+				}
+			}
+			// smartphones
+			@media (max-width: $screen-sm) {
+				> li {
+					&.open,
+					&.active {
+						> a {
+							color: $brand-primary;
+							background-color: transparent;
+						}
+					}
+				}
+			}
+		}
+	}
+	&.navbar-inverse {
+		background-color: rgba($gray-darker, .8);
+		border: 0;
+		border-bottom: 1px solid $brand-primary;
+		@media (min-width: $grid-float-breakpoint) {
+			.navbar-nav {
+				li {
+					&.active {
+						> a {
+							color: $gray-lighter;
+							&:hover {
+								color: #fff;
+								&::after {
+									background-color: #fff;
+								}
+							}
+						}
+					}
+					&.open {
+						> a {
+							color: $gray-lighter;
+							background-color: transparent;
+							&:focus {
+								color: $text-color;
+								background-color: transparent;
+								&::after {
+									position: absolute;
+									bottom: 0;
+									left: 0;
+									width: 100%;
+									height: 1px;
+									content: "";
+									background-color: $brand-primary;
+									transform: scaleX(1);
+								}
+							}
+							&:focus {
+								color: $gray-lighter;
+							}
+						}
+					}
+					> .dropdown-menu {
+						li {
+							a {
+								color: $gray-lighter;
+							}
+						}
+						background-color: rgba($gray-darker, .9);
+					}
+				}
+			}
+		}
+		.btn {
+			&:hover {
+				color: $gray-lighter;
+			}
+			&.btn-default {
+				&:hover {
+					background-color: $gray-darker;
+				}
+			}
+		}
+	}
+
+	.navbar-brand {
+		margin-right: ($navbar-padding-horizontal / 3);
+		font-size: $font-size-large;
+	}
+}
+
+// label
+.label {
+	vertical-align: 2px;
+}
+
+// form
+.form-group,
+[class*="has-"] {
+	.form-control {
+		box-shadow: none;
+		&:focus {
+			box-shadow: none;
+		}
+	}
+	.input-group {
+		.input-group-btn {
+			.btn {
+				border-width: 1px;
+				box-shadow: none;
+			}
+		}
+	}
+}
+
+// modal
+.modal {
+	.modal-dialog {
+		.modal-content {
+			border-radius: 0;
+		}
+	}
+}
+
+// label
+.label {
+	border-radius: 0;
+}
+
+// Tabs
+.nav-tabs {
+	> li {
+		> a {
+			border-radius: 0;
+		}
+	}
+}
+
+// Pills
+.nav-pills {
+	> li {
+		> a {
+			border-radius: 0;
+		}
+		&:not(.active) {
+			> a:hover {
+				background-color: transparent;
+			}
+		}
+		&.active {
+			> a {
+				color: $text-color;
+				background-color: transparent;
+				&::after {
+					position: absolute;
+					bottom: 0;
+					left: 0;
+					width: 100%;
+					height: 1px;
+					content: "";
+					background-color: $brand-primary;
+					transform: scaleX(1);
+				}
+				&:hover {
+					color: $text-color;
+					background-color: transparent;
+				}
+			}
+		}
+		&.open {
+			> a {
+				color: $text-color;
+				background-color: transparent;
+				&:focus {
+					color: $text-color;
+					background-color: transparent;
+					&::after {
+						position: absolute;
+						bottom: 0;
+						left: 0;
+						width: 100%;
+						height: 1px;
+						content: "";
+						background-color: $brand-primary;
+						transform: scaleX(1);
+					}
+				}
+			}
+		}
+	}
+}
+
+// フォント指定
+.no-thank-yu,
+.navbar,
+.btn,
+.form-control,
+.input-gruop,
+.breadcrumb,
+.nav-tabs,
+.nav-pills,
+.panel-title,
+.list-group,
+.pagination,
+.pager,
+.alert,
+.label,
+.badge,
+.panel-heading,
+.lead,
+.tooltip,
+.popover {
+	font-family: $font-family-sans-serif;
+}