brainbaking/themes/brainbaking-minimal/assets/sass/_bootstrap-minimal.sass

447 lines
8.2 KiB
Sass

h1
font-size: 3rem
h2
font-size: 2.0rem
h3
font-size: 1.9rem
h4
font-size: 1.5rem
h5
font-size: 1.3rem
h6
font-size: 1.2rem
h1, h2, h3
margin-top: 20px
margin-bottom: 10px
h4, h5, h6
margin-top: 10px
margin-bottom: 10px
h1, h2, h3, h4, h5, h6
line-height: 1.8
font-weight: 700
pre
overflow: auto
display: block
padding: 9.5px
margin: 0 0 10px
font-size: 13px
line-height: 1.42857143
color: #333
word-break: break-all
word-wrap: break-word
background-color: #f5f5f5
border: 1px solid #ccc
border-radius: 4px
font-family: Menlo,Monaco,Consolas,Courier New,monospace
code
font-family: Menlo,Monaco,Consolas,"Courier New",monospace
padding: 2px 4px
font-size: 90%
color: var(--accent2)
background-color: #f9f2f4
border-radius: 4px
pre code
padding: 0
font-size: inherit
color: inherit
white-space: pre-wrap
background-color: transparent
border-radius: 0
.row
margin-right: -15px
margin-left: -15px
&:after
display: table
content: " "
clear: both
.col-md-6
position: relative
min-height: 1px
padding-right: 15px
padding-left: 15px
@media (min-width: 992px)
float: left
width: 46%
.text-justify
text-align: justify
.page-header
padding-bottom: 9px
margin: 40px 0 20px
border-bottom: 1px solid #eee
.jumbotron
padding-top: 30px
padding-bottom: 30px
margin-bottom: 30px
color: inherit
@media screen and (min-width: 768px)
padding-top: 48px
padding-bottom: 48px
.container
@media (min-width: 768px)
width: 750px
@media (min-width: 992px)
width: 970px
@media (min-width: 1200px)
width: 1170px
padding-right: 15px
padding-left: 15px
margin-right: auto
margin-left: auto
&:after
display: table
content: " "
clear: both
.navbar-icon
font-size: 125%
display: inline-block !important
.navbar.navbar-default
border-top: 5px solid var(--accent)
border-bottom: 1px solid #e7e7e7
.navbar-right
@media (min-width: 768px)
float: right!important
margin-right: -15px
nav
background-color: rgba(243, 243, 243, 0.8)
border-color: #e7e7e7
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important
line-height: 1.4 !important
a:hover
background-color: #e7e7e7
text-decoration: none
.navbar-nav
margin: 7.5px -15px
@media (min-width: 768px)
float: left
margin: 0
.navbar-nav>li
@media (min-width: 768px)
float: left
.nav
padding-left: 0
margin-bottom: 0
list-style: none
&>li
position: relative
display: block
.navbar-nav>li>a
@media (min-width: 768px)
padding-top: 15px
padding-bottom: 15px
padding: 10px 15px
line-height: 20px
position: relative
display: block
.navbar-fixed-bottom, .navbar-fixed-top
position: fixed
right: 0
left: 0
z-index: 1030
.navbar-fixed-top
top: 0
border-width: 0 0 1px
border-radius: 0
.navbar
min-height: 50px
margin-bottom: 0
border: 1px solid transparent
.visible-lg, .visible-md, .visible-sm, .visible-xs
display: none !important
@media (max-width: 767px)
display: block !important
.navbar-brand
float: left
height: 50px
font-size: 18px
position: relative
top: 15px
left: 30px
line-height: 20px
font-weight: bold
footer
border-bottom: 5px solid var(--accent)
background-color: rgba(243, 243, 243, 0.8)
.navbar-default .navbar-toggle
border-color: #ddd
.navbar-toggle
@media (min-width: 768px)
display: none
position: relative
float: right
padding: 9px 10px
margin-top: 8px
margin-right: 15px
margin-bottom: 8px
background-color: transparent
background-image: none
border: 1px solid transparent
border-radius: 4px
.icon-bar
background-color: #888
.icon-bar
display: block
width: 22px
height: 2px
border-radius: 1px
&+.icon-bar
margin-top: 4px
button, input, select, textarea
font-family: inherit
font-size: inherit
line-height: inherit
button, html input[type=button], input[type=reset], input[type=submit]
-webkit-appearance: button
cursor: pointer
button, select
text-transform: none
button
overflow: visible
button, input, optgroup, select, textarea
margin: 0
font: inherit
color: inherit
.navbar-default .navbar-collapse, .navbar-default .navbar-form
border-color: #e7e7e7
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header
margin-right: -15px
margin-left: -15px
@media (min-width: 768px)
margin-right: 0
margin-left: 0
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse
max-height: 340px
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse
@media (min-width: 768px)
padding-right: 0
padding-left: 0
.navbar-collapse.collapse
@media (min-width: 768px)
display: block!important
height: auto!important
padding-bottom: 0
overflow: visible!important
.navbar-collapse
@media (min-width: 768px)
width: auto
border-top: 0
-webkit-box-shadow: none
box-shadow: none
.navbar-collapse
padding-right: 15px
padding-left: 15px
overflow-x: visible
-webkit-overflow-scrolling: touch
border-top: 1px solid transparent
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1)
box-shadow: inset 0 1px 0 rgba(255,255,255,.1)
.collapse
display: none
.collapsing
padding-top: 40px
animation: 1s fadeIn
animation-fill-mode: forwards
@keyframes fadeIn
0%
opacity: 0
100%
visibility: visible
opacity: 1
hr
margin-top: 20px
margin-bottom: 20px
border: 0
border-top: 1px solid #eee
height: 0
-webkit-box-sizing: content-box
-moz-box-sizing: content-box
box-sizing: content-box
.pagination
display: inline-block
padding-left: 0
margin: 20px 0
border-radius: 4px
.pagination > li
display: inline
.pagination > li > a,
.pagination > li > span
position: relative
float: left
padding: 6px 12px
margin-left: -1px
line-height: 1.42857143
text-decoration: none
background-color: #fff
border: 1px solid #ddd
.pagination > li:first-child > a,
.pagination > li:first-child > span
margin-left: 0
border-top-left-radius: 4px
border-bottom-left-radius: 4px
.pagination > li:last-child > a,
.pagination > li:last-child > span
border-top-right-radius: 4px
border-bottom-right-radius: 4px
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus
z-index: 2
color: #23527c
background-color: #eee
border-color: #ddd
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus
z-index: 3
cursor: default
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus
color: #777
cursor: not-allowed
background-color: #fff
border-color: #ddd
.pagination-lg > li > a,
.pagination-lg > li > span
padding: 10px 16px
font-size: 18px
line-height: 1.3333333
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span
border-top-left-radius: 6px
border-bottom-left-radius: 6px
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span
border-top-right-radius: 6px
border-bottom-right-radius: 6px
.pagination-sm > li > a,
.pagination-sm > li > span
padding: 5px 10px
font-size: 12px
line-height: 1.5
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span
border-top-left-radius: 3px
border-bottom-left-radius: 3px
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span
border-top-right-radius: 3px
border-bottom-right-radius: 3px
.pager
padding-left: 0
margin: 20px 0
text-align: center
list-style: none
.pager li
display: inline
.pager li > a,
.pager li > span
display: inline-block
padding: 5px 14px
background-color: #fff
border: 1px solid #ddd
border-radius: 15px
.pager li > a:hover,
.pager li > a:focus
text-decoration: none
background-color: #eee
.pager .next > a,
.pager .next > span
float: right
.pager .previous > a,
.pager .previous > span
float: left
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span
color: #777
cursor: not-allowed
background-color: #fff