Merge pull request #38 from owenversteeg/sass_add_msg

sassify
This commit is contained in:
Scott O'Hara 2014-09-07 11:48:21 -04:00
commit d44d71e893
9 changed files with 50 additions and 22 deletions

View file

@ -1,4 +1,8 @@
.ico {
font: 33px Arial Unicode MS, Lucida Sans Unicode; /* This combo of Unicode fonts means Min's icons support OSX 10.5+, Windows 98+, and Ubuntu. */
/* We don't use ems because 33px is a great size cross-browser and OS for nice icons */
font: 33px Arial Unicode MS, Lucida Sans Unicode;
/*
This combo of Unicode fonts means Min's icons support OSX 10.5+, Windows 98+, and Ubuntu.
We don't use ems because 33px is a great size cross-browser and OS for nice icons
*/
}

View file

@ -1,5 +1,5 @@
.msg {
padding: 1.5em;
background: #def;
border-left: 5px solid #59d;
}
padding: 1.5em;
}

View file

@ -29,7 +29,7 @@ input[type='text'], textarea {
}
.addon-front {
.addon {
@extend %shared-font-size;
box-shadow: 0 0 0 1px $c-grey;
padding: 8px 12px;

View file

@ -7,6 +7,10 @@
// Thus, c12 has width 98%.
//-------------------------------------------------------------------
%w-100 {
width: 100%;
}
.row {
margin: 1% 0;
overflow: auto; // needed for proper formed layout
@ -16,8 +20,8 @@
float: left;
}
.c12, .table {
width: 100%;
.c12 {
@extend %w-100;
}
$grid-list: (

View file

@ -5,11 +5,12 @@
.ico {
font: 33px Arial Unicode MS, Lucida Sans Unicode;
// This combo of Unicode fonts means Min's icons
// support OSX 10.5+, Windows 98+, and Ubuntu.
// We don't use ems because 33px is a great size
// cross-browser and OS for nice icons */
// cross-browser and OS for nice icons
}

14
sass/_messages.scss Normal file
View file

@ -0,0 +1,14 @@
@if $import-messages == true {
//-------------------------------------------------------------------
// Messages
//-------------------------------------------------------------------
.msg {
background: #def;
border-left: 5px solid #59d;
padding: 1.5em;
}
//-------------------------------------------------------------------
// End @if
}

View file

@ -13,11 +13,13 @@
.nav {
@extend %nav-global;
height: 24px;
padding: 11px 0 15px;
// TODO: migrate to ems
// (currently we don't use them because of iOS compatibility problems
// -- has to do with unicode icon for close) */
height: 24px;
padding: 11px 0 15px;
// Uncomment for animations
// max-height: 1.5em;
@ -46,10 +48,10 @@
.btn.btn-close {
background: $c-black;
display: none;
float: right;
font-size: 25px;
margin-top: -54px;
visibility: hidden;
}
@ -57,7 +59,7 @@
// Update styling of .nav for small screens
@media(max-width:500px) {
.btn.btn-close {
visibility: visible;
display: block;
}
.nav {

View file

@ -4,7 +4,7 @@
//-------------------------------------------------------------------
.table {
border-spacing: 0;
@extend %w-100%;
th, td {
padding: .5em;

View file

@ -13,23 +13,25 @@
// the final Min CSS output.
// ------------------------------------------------------------------
$import-headings: true!default;
$import-headings: true !default;
$import-buttons: true!default;
$import-buttons: true !default;
$import-forms: true!default;
$import-forms: true !default;
$import-navbar: true!default;
$import-navbar: true !default;
$import-tables: true!default;
$import-tables: true !default;
$import-messages: true!default;
$import-messages: true !default;
$import-icons: true!default;
$import-icons: true !default;
$import-grid: true!default;
$import-grid: true !default;
$import-ie-hacks: false!default;
$import-messages: true !default;
$import-ie-hacks: false !default;
// ------------------------------------------------------------------
@ -43,4 +45,5 @@ $import-ie-hacks: false!default;
'forms',
'navbar',
'table',
'messages'
'iehacks';