bootstrap-honoka-rails 3.3.7.5 → 4.0.0

data/VERSIONS.md

@@ -1,10 +0,0 @@
-# Support Version
-
-- O ... Supported and test completed(使用可能)
-- X ... Not supported(使用不可)
-
-| Gem   | Honoka | Nico | Umi | Rin |
-| ----- | ------ | ---- | --- | --- |
-| 4.3.1 | O      | X    | X   | X   |
-| 4.0.0 | O      | O    | O   | X   |
-| 3.3.7 | O      | O    | O   | O   |

data/assets/stylesheets/_rin.scss

@@ -1,3 +0,0 @@
-@charset "UTF-8";
-
-@import "rin/honoka";

data/assets/stylesheets/honoka/_font.scss

@@ -1,58 +0,0 @@
-@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/nico/_font.scss

@@ -1,58 +0,0 @@
-@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/_font.scss

@@ -1,58 +0,0 @@
-@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

@@ -1,60 +0,0 @@
-@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

@@ -1,60 +0,0 @@
-//== 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

@@ -1,372 +0,0 @@
-@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;
-}