Skip to content

Commit

Permalink
Added mobile styles to the grid system for mobile
Browse files Browse the repository at this point in the history
  • Loading branch information
LaurentGoderre committed Sep 10, 2012
1 parent d08decd commit cbb5f77
Show file tree
Hide file tree
Showing 3 changed files with 58 additions and 1 deletion.
2 changes: 1 addition & 1 deletion build/grids/css/util-min.css

Large diffs are not rendered by default.

50 changes: 50 additions & 0 deletions src/grids/sass/includes/util-mobile.scss
@@ -0,0 +1,50 @@
@charset "utf-8";
/*
* Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW)
* www.tbs.gc.ca/ws-nw/wet-boew/terms / www.sct.gc.ca/ws-nw/wet-boew/conditions
*/

.float-right,.float-left{float:none;}

form {
[class*=width-] {
width:100%!important;
}

[class*=margin-], [class*=span-]{
margin:0!important;
}

&.background-light > * {
outline: none;
margin-left:0;
margin-right:0;
}
}


.form-inline{
& > * {
margin-right:0;
}

label{
display: block;
}
}

.form-radio.form-label-inline,.form-checkbox.form-label-inline{
display: block;
padding:0;
}

.form-radio, .form-checkbox{padding:0;}

.form-horizontal label{text-align:left;}

.form-input-append button{position:absolute;}





7 changes: 7 additions & 0 deletions src/grids/sass/util.scss
Expand Up @@ -17,6 +17,13 @@
/* -----Build Include Section End----- */
}

/* Mobile view */
@media (max-width:767px) {
/* -----Build Include Section Start----- */
@import url('includes/util-mobile.css');
/* -----Build Include Section End----- */
}

@media print{
/* -----Build Include Section Start----- */
@import url('includes/util-print.css');
Expand Down

0 comments on commit cbb5f77

Please sign in to comment.