scinote-web/app/assets/stylesheets/extend/bootstrap.scss

148 lines
2.1 KiB
SCSS
Raw Normal View History

2016-02-12 23:52:43 +08:00
/* Extending Bootstrap */
@import 'constants';
2016-02-12 23:52:43 +08:00
/* navbar avatar image */
.navbar-nav .dropdown-toggle[title="Account"] {
align-items: center;
display: inline-flex;
height: 50px;
padding: 10px 15px;
.global-avatar-container {
margin-left: 5px;
}
2016-02-12 23:52:43 +08:00
}
2016-08-18 02:49:20 +08:00
// Active tab with error should retain error color if clicked on again
.nav-tabs > li.active.has-error > a {
2018-03-28 19:54:01 +08:00
color: $brand-danger;
2016-08-05 15:12:17 +08:00
}
2016-09-08 18:37:06 +08:00
@media (max-width: 886px) {
2016-09-08 18:43:30 +08:00
// line 18, /usr/local/bundle/gems/bootstrap-sass-3.3.6/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss
2016-09-08 18:37:06 +08:00
.hidden-xs-custom {
2016-09-08 18:43:30 +08:00
display: none;
2016-09-08 18:37:06 +08:00
}
2016-09-08 18:43:30 +08:00
}
@media (min-width: 1075px) {
.col-sm-3-custom {
float: left;
2016-09-14 17:24:19 +08:00
width: 25%;
}
2016-09-14 17:37:17 +08:00
.col-sm-9-custom {
float: left;
2016-09-14 17:24:19 +08:00
width: 75%;
}
}
.col-sm-3-custom {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
2016-09-14 17:24:19 +08:00
position: relative;
}
.col-sm-9-custom {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
2016-09-14 17:24:19 +08:00
position: relative;
}
.step-comment .col-xs-12 {
float: none;
}
.result-comment .col-xs-12 {
float: none;
}
2018-03-12 23:27:35 +08:00
@media (max-width: 1188px) {
.navbar-header {
float: none;
}
2016-10-05 20:49:23 +08:00
.navbar-left,
.navbar-right {
float: none !important;
}
2016-10-05 20:49:23 +08:00
.navbar-toggle {
background-color: transparent;
background-image: none;
border: 1px solid transparent;
2016-10-05 20:49:23 +08:00
display: block;
}
2016-10-05 20:49:23 +08:00
.navbar-collapse {
border-top: 1px solid transparent;
}
2016-10-05 20:49:23 +08:00
.navbar-fixed-top {
border-width: 0 0 1px;
2016-10-05 20:49:23 +08:00
top: 0;
}
2016-10-05 20:49:23 +08:00
.navbar-collapse.collapse {
2016-10-05 20:49:23 +08:00
display: none !important;
}
2016-10-05 20:49:23 +08:00
.navbar-nav {
2016-10-05 20:49:23 +08:00
float: none !important;
margin-top: 7.5px;
}
2016-10-05 20:49:23 +08:00
.navbar-nav>li {
float: none;
}
2016-10-05 20:49:23 +08:00
.navbar-nav>li>a {
padding-bottom: 10px;
padding-top: 10px;
}
2016-10-05 20:49:23 +08:00
.collapse.in {
display: block !important;
}
2016-10-05 20:49:23 +08:00
.container {
width: 100%;
}
}
2017-01-11 22:25:10 +08:00
2019-07-29 22:39:23 +08:00
.btn {
.fas {
margin-right: 5px;
}
}
.modal-content {
.modal-header {
padding: 10px 15px;
.modal-title {
line-height: 25px;
}
.close {
line-height: 25px;
margin: 0;
&:active {
border: 0;
outline: 0;
}
}
}
}
2020-01-16 18:10:51 +08:00
.bootstrap-datetimepicker-widget {
.dow {
@include font-button;
}
}