Skip to content

Commit

Permalink
Split theme less file
Browse files Browse the repository at this point in the history
  • Loading branch information
benjaminkott committed Sep 14, 2014
1 parent d64540c commit fbe94f9
Show file tree
Hide file tree
Showing 19 changed files with 974 additions and 1,040 deletions.
13 changes: 13 additions & 0 deletions Resources/Private/Less/Theme/breadcrumb.less
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
//
// Breadcrumbs
// --------------------------------------------------
.breadcrumb-section {
background-color: @breadcrumb-bg;
border-bottom: 1px solid darken(@navbar-default-bg, 6.5%);
margin-bottom: @navbar-margin-bottom;
.breadcrumb {
padding: @line-height-computed/2 0;
border-radius: 0;
margin-bottom: 0;
}
}
142 changes: 142 additions & 0 deletions Resources/Private/Less/Theme/carousel.less
Original file line number Diff line number Diff line change
@@ -0,0 +1,142 @@
//
// Carousel
// --------------------------------------------------
.carousel-small {
.carousel-inner .item {
height: 300px;
@media (min-width: @screen-md) {
height: 400px;
}
}
}
.carousel-text {
color: #FFFFFF;
text-shadow: rgba(0,0,0,0.5) 0px 2px 5px;
}
.carousel-item-type-header {
.carousel-text-inner {
margin: 0 auto;
@media (min-width: @screen-md) {
width: 80%;
}
@media (min-width: @screen-lg-min) {
width: 65%;
}
}
}
.carousel-item-type-textandimage {
.carousel-image {
display: none;
img {
margin: 0 auto;
max-width: 100%;
display: block;
height: auto;
}
@media (min-width: @screen-sm) {
display: table-cell;
}
}
}
.carousel-inner {
z-index: 0;
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: 0;
}
.valign {
margin: 0 auto;
height: 100%;
@media (min-width: @screen-sm) {
width: @container-sm - @grid-gutter-width;
}
@media (min-width: @screen-md) {
width: @container-md - @grid-gutter-width;
}
@media (min-width: @screen-lg-min) {
width: @container-lg - @grid-gutter-width;
}
}
> .item {
overflow: hidden;
height: 400px;
color: #FFFFFF;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 0;
.transition(opacity .6s ease-in-out 0s);
@media (min-width: @screen-md) {
height: 600px;
}
@media (max-width: @screen-sm-max) {
padding-left: @grid-gutter-width;
padding-right: @grid-gutter-width;
}
}
> .active {
z-index: 1;
opacity: 1;
}
> .next,
> .prev {
opacity: 1;
z-index: 0;
}
> .next,
> .prev,
> .active.left,
> .active.right {
left: 0;
}
> .active.left,
> .active.right {
opacity: 0;
}
}
.container {
.carousel {
margin-left: -(@grid-gutter-width / 2);
margin-right: -(@grid-gutter-width / 2);
@media (min-width: @screen-sm) {
margin-left: 0;
margin-right: 0;
}
}
.carousel-inner {
> .item {
padding-left: @grid-gutter-width;
padding-right: @grid-gutter-width;
}
.valign {
width: 100%;

}
}
}
.carousel-control {
@media (min-width: @screen-md) {
width: 100px;
&.left,
&.right {
filter: none;
background-image: none;
}
}
}
.carousel-indicators,
.carousel-control {
.transition(opacity .6s ease-in-out 0s);
opacity: 0;
}
.carousel:hover {
.carousel-indicators,
.carousel-control {
opacity: .5;
}
}
15 changes: 15 additions & 0 deletions Resources/Private/Less/Theme/dropdown.less
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
//
// Dropdowns
//
.dropdown-header {
padding: 9px 20px;
}
.dropdown-menu {
padding: 0;
.box-shadow(0 2px 0 rgba(0,0,0,.1));
> li {
> a {
padding: @navbar-padding-vertical/2 @navbar-padding-horizontal;
}
}
}
15 changes: 15 additions & 0 deletions Resources/Private/Less/Theme/fixes.less
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
//
// Body
// --------------------------------------------------
.body-bg-top {
padding-top: @navbar-height;
@media (min-width: @screen-md) {
padding-top: round(@navbar-height*2);
}
}
.body-bg-bottom {
padding-bottom: @navbar-height;
@media (min-width: @screen-md) {
padding-bottom: round(@navbar-height*2);
}
}
18 changes: 18 additions & 0 deletions Resources/Private/Less/Theme/footer.less
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
//
// Footer Section
// --------------------------------------------------
.footer-section {
border-top: 1px solid darken(@gray,10%);
color: contrast(@gray-dark, black, white, 43%);
margin-top: @line-height-computed*2;
padding: @line-height-computed 0 @line-height-computed*1.5;
background: @gray-dark;

a {
color: contrast(@gray-dark, black, white, 43%);
&:hover,
&:focus {
color: @link-color;
}
}
}
21 changes: 21 additions & 0 deletions Resources/Private/Less/Theme/frame.less
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
//
// Frames
// --------------------------------------------------
.frame.well {
*:first-child {
margin-top: 0px;
}
*:last-child {
margin-bottom: 0px;
}
}
.frame.rulerbefore {
border-top: 1px solid @page-header-border-color;
padding-top: ((@line-height-computed / 2) - 1);
margin-top: @line-height-computed;
}
.frame.rulerafter {
border-bottom: 1px solid @page-header-border-color;
padding-bottom: ((@line-height-computed / 2) - 1);
margin-bottom: @line-height-computed;
}
131 changes: 131 additions & 0 deletions Resources/Private/Less/Theme/image.less
Original file line number Diff line number Diff line change
@@ -0,0 +1,131 @@
//
// Images
// --------------------------------------------------
.image {
display: block;
margin-bottom: @line-height-computed;
line-height: @line-height-base;

> img,
a > img {
.img-responsive();
@media (max-width: @screen-xs-max) {
margin: 0 auto;
}
}

.caption {
padding: @thumbnail-caption-padding;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
}
.image-row {
.make-row();
}
.image-column {
max-width: 100%;
position: relative;
min-height: 1px;
padding-left: (@grid-gutter-width / 2);
padding-right: (@grid-gutter-width / 2);
@media (min-width: @screen-md-min) {
float: left;
}
}
.image-wrap {
max-width: 100%;
}
.image-below {
.image-wrap {
margin-top: @line-height-computed;
}
}
.image-center .image > img {
margin: 0 auto;
}
.image-center-outer {
width: 100%;
position: relative;
float: right;
right: 50%;
}
.image-center-inner {
width: 100%;
position: relative;
float: right;
right: -50%;
}
.image-left {
.image-wrap {
float: left;
}
.text {
clear: left;
}
}
.image-right {
.image-wrap {
float: right;
}
.text {
clear: right;
}
}
.image-wrap,
.image-below,
.image-above,
.image-beside,
.image-intext {
.clearfix();
}
.image-beside-left .image-wrap,
.image-intext-left .image-wrap {
float: left;
margin-left: -1 * (@grid-gutter-width / 2);
}
.image-beside-right .image-wrap,
.image-intext-right .image-wrap {
float: right;
margin-right: -1 * (@grid-gutter-width / 2);
}
.image-beside-left .image-wrap,
.image-beside-right .image-wrap,
.image-intext-left .image-wrap,
.image-intext-right .image-wrap {
max-width: 50%;
padding-left: (@grid-gutter-width / 2);
padding-right: (@grid-gutter-width / 2);
}
.image-beside-right,
.image-beside-left {
overflow: hidden;
zoom: 1;
.text {
overflow: hidden;
zoom: 1;
}
@media (max-width: @screen-xs-max) {
.image-wrap {
margin-left: -1 * (@grid-gutter-width / 2);
margin-right: -1 * (@grid-gutter-width / 2);
max-width: none;
float: none;
}
}
}
.image-header-1,
.image-header-2,
.image-header-3 {
.image-wrap {
margin-top: @line-height-computed;
}
}
.image-header-4,
.image-header-5,
.image-header-6 {
.image-wrap {
margin-top: (@line-height-computed / 2);
}
}
Loading

0 comments on commit fbe94f9

Please sign in to comment.