diff options
Diffstat (limited to 'app/assets/stylesheets/app')
-rw-r--r-- | app/assets/stylesheets/app/layouts/_app.scss | 24 | ||||
-rw-r--r-- | app/assets/stylesheets/app/layouts/_conference.scss | 136 | ||||
-rw-r--r-- | app/assets/stylesheets/app/layouts/_phone-book-entry.scss | 176 | ||||
-rw-r--r-- | app/assets/stylesheets/app/pages/_phone_book.scss | 25 | ||||
-rw-r--r-- | app/assets/stylesheets/app/shared/_contents.scss | 374 | ||||
-rw-r--r-- | app/assets/stylesheets/app/shared/_footers.scss | 90 | ||||
-rw-r--r-- | app/assets/stylesheets/app/shared/_handheld.scss | 25 | ||||
-rw-r--r-- | app/assets/stylesheets/app/shared/_headers.scss | 145 | ||||
-rw-r--r-- | app/assets/stylesheets/app/shared/_ie.scss | 7 | ||||
-rw-r--r-- | app/assets/stylesheets/app/shared/_media.scss | 16 | ||||
-rw-r--r-- | app/assets/stylesheets/app/shared/_print.scss | 17 |
11 files changed, 0 insertions, 1035 deletions
diff --git a/app/assets/stylesheets/app/layouts/_app.scss b/app/assets/stylesheets/app/layouts/_app.scss deleted file mode 100644 index abbe8b1..0000000 --- a/app/assets/stylesheets/app/layouts/_app.scss +++ /dev/null @@ -1,24 +0,0 @@ -// Application Layout -// ---------------------------------------- -// TODO: This generates huge selectors.. -.app { - - #main { - @include center-container(1000px, 0, 0 8px); - @include clearfix; - @include debug(gray); - } - - $sidebar: 215px; - $content: 758px; - - .container { - & > aside { - @include float(left, $sidebar, green); - } - - & > .content { - @include float(right, $content, blue); - } - } -}
\ No newline at end of file diff --git a/app/assets/stylesheets/app/layouts/_conference.scss b/app/assets/stylesheets/app/layouts/_conference.scss deleted file mode 100644 index 18fb232..0000000 --- a/app/assets/stylesheets/app/layouts/_conference.scss +++ /dev/null @@ -1,136 +0,0 @@ -// Conference -// ---------------------------------------- - -// The Usual Box with Mute, Cross -.actor { - @include clearfix; - @include gradient(#FDFDFD, #EFEFEF); - @include size(auto, 50px,6px, 1px 0 1px 0); - border-bottom:1px solid #E3E3E8; - border-top:1px solid #FFF; - img { - @extend .ext-bradius-inner; - float:left; - margin-right:6px; - } - .info { - .name { - display:block; - font-size:size(15px); - width:188px; - } - .status { - color:#818181; - } - float:left; - } - .voice-actions { - float:right; - } -} - -// Audio Controls. -.voice-actions { - padding:10px 0; - text-align:right; - width:100px; - .make.speaker { - @include image-replace('icons/microphone-16x.png'); - display:inline-block; - } - .make.listener { - @include image-replace('icons/headphones-16x.png'); - display:inline-block; - } - - .voice { - &.muted { - @include image-replace('icons/mute-16x.png'); - display:inline-block; - } - &.unmuted { - @include image-replace('icons/unmute-16x.png'); - display:inline-block; - } - } - .remove { - @include image-replace('icons/cross-16x.png'); - display:inline-block; - } - a { - margin:0 5px; - opacity:0.6; - &:hover { opacity:1.0;} - } -} - - -.conference { - @include pie-clearfix(); - .panel { - @include box-shadow(1px 1px 0px #FFF inset, 1px 1px 1px #EDEDED); - background:#F7F7F7; - border:1px solid #E3E3E8; - float:left; - margin: 0 10px; - width: 303px; - &.speakers { - header { @include gradient(#FFF, #F3F3DE); } - h3 { background:transparent image-url('icons/microphone-32x.png') left top no-repeat; } - } - &.listeners { - header { @include gradient(#FFF, #DCEAF2); } - h3 { background:transparent image-url('icons/headphones-32x.png') left top no-repeat; } - } - &.log { - header { @include gradient(#FFF, #E7E7E7); } - h3 { background:transparent image-url('icons/clock-32x.png') left top no-repeat; } - } - } - .first { margin-left:0;} - .last { margin-right:0;} - header { - @include box-shadow(1px 1px 0px #FFF inset, 0px 1px 0px #FFF); - border-bottom:1px solid #E3E3E8; - padding:10px; - } - h3 { - font-size:size(24px); - font-weight:normal; - margin:0; - opacity:0.8; - padding:2px 2px 2px 43px; - } - .message { - @include gradient( #EEEEEE, #fff); - border-bottom:1px solid #E3E3E8; - padding:10px; - input { - @include input-effects; - @include size(283px, auto, 5px, 1px solid #E3E3E8 ); - color:#696969; - } - } - .actors, .messages { - height:290px; // This should be X times the amount of items - overflow:auto; - } -} - -.log { - .messages { - color:#484848; - div { - background:#FFF; - border-bottom:1px solid #E3E3E8; - border-top:1px solid #FFF; - padding:5px 10px; - } - .status { - background:#F5F5F5; - } - .name { - font-weight:bold; - } - } -}
\ No newline at end of file diff --git a/app/assets/stylesheets/app/layouts/_phone-book-entry.scss b/app/assets/stylesheets/app/layouts/_phone-book-entry.scss deleted file mode 100644 index f9e2345..0000000 --- a/app/assets/stylesheets/app/layouts/_phone-book-entry.scss +++ /dev/null @@ -1,176 +0,0 @@ -// Phone Book Entry Show -// ---------------------------------------- -// Icons: http://www.iconfinder.com/search/?q=iconset%3Acc_mono_icon_set -//http://www.iconfinder.com/search/?q=iconset%3AHelveticons_Social -section.phone-book-entry { - @include clearfix; - a { - @include link-colors(#49494D, $link-color); - } - .sidebar { - @include size(220px, auto, none, 0 1px 0 0); - border-right:1px solid #E3E3E8; - float:left; - } - .content { - float:right; - width:716px; - - } - - .username { - font-size: 46px; - font-weight:normal; - margin: 0 0 10px 0; - } - .personal { - margin-top:5px; - span { - margin-right:10px; - padding-left:22px; - } - .nickname { - background:transparent image-url('icons/user-16x.png') left 1px no-repeat; - } - .birthday { - background:transparent image-url('icons/star-16x.png') left -1px no-repeat;; - } - } - - .work { - font-size: 18px; - } - - .tags { - background:transparent image-url('icons/tag-16x.png') left 0px no-repeat; - margin-top:10px; - padding-left:22px; - } - - - .activity { - & > h2 { - font-size: 27px; - font-weight: normal; - } - textarea { - border-color: #E3E3E8; - height: 15px; - padding: 12px; - width: 689px; - } - .entry { - @include clearfix; - background-position: 12px 9px; - border-bottom: 1px solid #E3E3E8; - font-size: 16px; - - padding: 12px 0px 15px 55px; - .motive { - - display: block; - float: left; - line-height: 25px; - width: 529px; - - } - .timestamp { - color: #929298; - float: right; - font-size: 12px; - line-height: 26px; - } - } - } - - - // Icons - .home { - background:transparent image-url('icons/house-32x.png') left 2px no-repeat; - } - .office { - background:transparent image-url('icons/suitcase-32x.png') left 2px no-repeat; - } - .cellphone { - background:transparent image-url('icons/phone-mobile-32x.png') left 2px no-repeat; - } - .phone { - background:transparent image-url('icons/phone-up-32x.png') left 2px no-repeat; - } - .phone-down { - background:transparent image-url('icons/phone-down-32x.png') left 2px no-repeat; - } - .fax { - background:transparent image-url('icons/fax-32x.png') left 2px no-repeat; - } - .skype { - background:transparent image-url('icons/skype-32x.png') left 2px no-repeat; - } - .twitter { - background:transparent image-url('icons/twitter-32x.png') left 2px no-repeat; - } - .voice-message { - background:transparent image-url('icons/mic-32x.png') left 2px no-repeat; - } - - - - .comment { - @include clearfix; - border-bottom:1px solid #E3E3E8; - padding: 11px; - .display { - float:left; - overflow:hidden; - } - .info { - margin-bottom:4px; - } - .info,.body { - padding-left:47px; - } - .commenter { - font-size: 17px; - font-weight: bold; - } - .time { - color:#929298; - } - .info { - display:block; - } - } - - - .display { - @include border-radius(10px 0 10px 0); - } - .description { - margin:10px 0; - } - .widget { - border-top:1px solid #E3E3E8; - padding:23px 0; - width:200px; // Width of the image - div { - margin:10px 0; - padding-left:51px; - a { - color:#4B4B4B; - display:block; - font-size:size(17px); - font-weight:bold; - } - span { - color:#E3E3E8; - font-size:size(12px); - } - } - - &.adresses { - strong { - display:block; - } - } - } -}
\ No newline at end of file diff --git a/app/assets/stylesheets/app/pages/_phone_book.scss b/app/assets/stylesheets/app/pages/_phone_book.scss deleted file mode 100644 index 3670e8e..0000000 --- a/app/assets/stylesheets/app/pages/_phone_book.scss +++ /dev/null @@ -1,25 +0,0 @@ -header.tabular-nav { @extend .ext-bradius-t; } -footer.tabular-nav { @extend .ext-bradius-b; } - -.tabular-nav { - @include clearfix; - line-height: 41px; - padding: 0 14px; - @include gradient(#69ABFB, #75AAEC); - .pagination { - float:right; - } - nav { - float:left; - margin-top: 1px; - @include size(395px, auto); - ol { - @include inline-list; - a { - font-weight:bold; - color:#fff; - font-size: 14px; - } - } - } -}
\ No newline at end of file diff --git a/app/assets/stylesheets/app/shared/_contents.scss b/app/assets/stylesheets/app/shared/_contents.scss deleted file mode 100644 index 8f88802..0000000 --- a/app/assets/stylesheets/app/shared/_contents.scss +++ /dev/null @@ -1,374 +0,0 @@ -// Contents -// ----------------------------------------´ - -// Wrap Everything -#container { - margin:0 auto; - width:$site-total-width; -} - -// Global Layout. -#content { - @extend .ext-bradius; - @include gradient(#fff, #FAF9FA); - border:1px solid #C0C0CA; - .light { - @extend .ext-bradius; - border:1px solid #ECECEF; - padding:20px; - } -} - - -// Content Header Object -// ---------------------------------------- - -.breadcrumbs { - color:$border-dark-color; - font-size:size(12px); - margin-bottom: 5px; - a { - @include link-colors(#8A8A91, $link-hover-color, #8A8A91, #8A8A91); - } -} - -header.main { - border-bottom:1px solid $border-dark-color; - margin-bottom:20px; - h1,h2 { - color:#49494D; - margin-top:0px; - } -} - - -// Flash Notice Object -// ---------------------------------------- -.flash { - @extend .ext-bradius; - @include box-shadow(0px 1px 2px darken(#F0F0F3, 20%)); - font-weight:bold; - margin-bottom:$vertical-margin; - position:relative; - .sign { - $sign-height: 26px; - @include pos-y-center($sign-height); - font-family:Georgia; - font-size:23px; - height:$sign-height; - } - .light { - @extend .ext-texture; - background-position:left bottom; - padding:15px 21px; - } - .message { - line-height:18px; - padding-left:26px; - } - - &.notice, &.flash { - @include text-shadow(1px 1px 1px #EDF3FA); - background:#CCE4FF; - color:#37547B; - } - - &.warning, &.alert { - $border-bottom: #EE9C00; - $border-light:#EDCC37; - @include text-shadow(1px 1px 1px #FEF6D7); - background:#FFE070; - border:{ - bottom:1px solid $border-bottom; - top:1px solid lighten(saturate($border-light, 5%), 9%); - }; - color:#7A2300; - } -} - - -// Scaffolding Tables -// ---------------------------------------- -table { - th { - color: #6A747B; - font-size: 14px; - font-weight: bold; - padding: 10px 8px; - } - .odd { - background:#F4F6FB; - border-bottom:1px solid #EDEFF8; - } - td { - padding:8px; - } -} - - -// Pagination Object -// ---------------------------------------- -.pagination { @include pagination(); } - - -// Entries Object. -// ---------------------------------------- -header.entries-nav { @extend .ext-bradius-inner-t; } -footer.entries-nav { @extend .ext-bradius-inner-b; } - -.entries-nav { - @include box-shadow( - inset 0px 1px 0px #aad2ff, // Light Top - 0 -1px 0px #A3C9E7, // Shadow Top - inset 0 -1px 2px #518CBC // Shadow Bottom - ); - @include clearfix; - @include gradient(#69ABFB, #75AAEC); - line-height: 41px; - padding: 0 14px; - nav { - color:#5490C3; - float:left; - margin-top: 1px; - width:540px; - } - // ABC - ol { - @include inline-list; - a { - @include link-colors(#fff, #FFFFC2); - @include text-shadow(0 2px 0px #5D96CC); - font-size: 14px; - font-weight:bold; - padding:0 3px; - } - } - .pagination { - float:right; - } -} - - -// Phone Book Entry -// ---------------------------------------- - -// Title Extension -.ext-pbe-big { display:block; font-size:size(18px); font-weight:bold; } - -.phone-book-entries { - table { margin:0;} -} -// Listing Version -tr.phone-book-entry { - @include clearfix; - color:#7F7F7F; - td { - vertical-align:middle; - } - &.odd { - background:#F4F6FB; - border-bottom:1px solid #EDEFF8; - } - img { - opacity:0.8; - } - // All Link colors - a { - @include link-colors(#577DA2, $link-color); - } - .name { - @extend .ext-pbe-big; - } - .company { - font-size:size(16px); - } - .user { - @include size(34%); - } - .phone { - @extend .ext-pbe-big; - } - .contact { - @include size(28%); - } - .extra { - @include size(38%); - } -} - -// Call History Entry -// ---------------------------------------- - -.call-history-entries { - table { margin:0;} -} - -// Listing Version -tr.call-history-entry { - @include clearfix; - color:#7F7F7F; - td { - vertical-align:middle; - } - &.odd { - background:#F4F6FB; - border-bottom:1px solid #EDEFF8; - } - img { - opacity:0.8; - } - // All Link colors - a { - @include link-colors(#577DA2, $link-color); - } - .select_box { - @include size(2%); - } - .thumbnail { - @include size(5%); - } - .time { - @include size(15%); - } - .user { - @include size(45%); - } - .status { - @include size(15%); - } - .actions { - @include size(5%); - } - .name { - @extend .ext-pbe-big; - } - .phone { - @extend .ext-pbe-big; - } - .call-forwarded { - background:transparent image-url('icons/gs_forward_16x.png') no-repeat; - padding-left: 20px; - } - .call-placed { - background:transparent image-url('icons/gs_placed_16x.png') no-repeat; - padding-left: 20px; - } - .call-received { - background:transparent image-url('icons/gs_received_16x.png') no-repeat; - padding-left: 20px; - } - .call-missed { - background:transparent image-url('icons/gs_missed_16x.png') no-repeat; - padding-left: 20px; - } - .voicemail { - background:transparent image-url('icons/gs_envelope_16x.png') no-repeat; - padding-left: 20px; - } - .duration { - @extend .ext-pbe-big; - } -} - -// Voicemail Messages Entry -// ---------------------------------------- - -.voicemail-messages-entries { - table { margin:0;} -} - -// Listing Version -tr.voicemail-messages-entry { - @include clearfix; - color:#7F7F7F; - td { - vertical-align:middle; - } - &.odd { - background:#F4F6FB; - border-bottom:1px solid #EDEFF8; - } - img { - opacity:0.8; - } - // All Link colors - a { - @include link-colors(#577DA2, $link-color); - } - .select_box { - @include size(2%); - } - .time { - @include size(15%); - } - .folder { - @include size(10%); - } - .user { - @include size(40%); - } - .status { - @include size(5%); - } - .actions { - @include size(5%); - } - .name { - @extend .ext-pbe-big; - } - .phone { - @extend .ext-pbe-big; - } - .voicemail-received { - background:transparent image-url('icons/gs_received_16x.png') no-repeat; - padding-left: 20px; - } - .voicemail-read { - background:transparent image-url('icons/gs_envelope_16x.png') no-repeat; - padding-left: 20px; - } - .duration { - @extend .ext-pbe-big; - } -} - - -// users#show -// ---------------------------------------- -#user-show { - @include clearfix; - .display { - float:left; - } - aside { - float:left; - padding-top:5px; - width: 250px; - p { - margin-left:70+26px; - } - } - section { - float:right; - width:650px; - h2:first-child { - margin-top:0; - } - } -} - - -// Simple Form Error Messgaes -// ----------------------------------------´ -p.error_notification { - @include gradient(mix(#EB6565, #994F5D, 60%), #994F5D); - border: 1px solid #7B404A; - border-radius: 4px; - box-shadow: inset 1px 1px 0px darken(#f3a0a0, 10%),inset -1px -1px 0px darken(#eb6565, 3%); - color:#FFF; - font-weight: bold; - margin: 0 0 0 158px; - padding: 10px 15px; - text-shadow: 2px 2px 1px #82434E; - width: 282px; -}
\ No newline at end of file diff --git a/app/assets/stylesheets/app/shared/_footers.scss b/app/assets/stylesheets/app/shared/_footers.scss deleted file mode 100644 index be0f54f..0000000 --- a/app/assets/stylesheets/app/shared/_footers.scss +++ /dev/null @@ -1,90 +0,0 @@ -// Footers -// ---------------------------------------- - -//@include sticky-footer(54px, "#container", "#footer-spacing", "footer"); - -footer#main { - @include clearfix; - position:relative; - margin:$vertical-margin 0; - @include gradient(#fff, #FAF9FA); - border:1px solid #C0C0CA; - @extend .ext-bradius; - .light { - padding:10px 20px; - border:1px solid #ECECEF; - @extend .ext-bradius; - } - - ul { - @include clearfix; - list-style:none; - float:left; - margin:0; - li { - float:left; - margin-bottom: 0px; - } - a { - @include debug; - line-height:43px; - padding: 10px 20px; - border:{ - left:1px solid $border-dark-color; - }; - } - li:first-child a{ - border-left:none; - } -// @include horizontal-navigation( -// /*$height : */ 32px, -// /*$color : */ red, -// /*$hover-color : */ red, -// /*$active-color : */ red, -// /*$text-shadow : */ #530008, -// /*$bg : */ none, -// /*$bg-hover : */ none, -// /*$bg-active : */ none, -// /*$box-shadow : */ none, -// /*$box-shadow-hover : */ none, -// /*$box-shadow-active : */ none, -// /*$border-light : */ #E3E3E8, -// /*$border-shadow : */ lighten(#E3E3E8,5%), -// /*$padding : */ 0 10px, -// /*$margin : */ none, -// /*\border-radius : */ none, -// /*$font-weight : */ none, -// /*$font-size : */ 14px, -// /*$tab-space : */ none -// ); - } - -} - -.amooma-logo { - background:#FAF9FA; - @include debug; - float:right; - padding:7px 7px 7px 16px; - @include border-radius(0 $global-border-radius $global-border-radius 0); - border-left:1px solid $border-dark-color; - @include box-shadow(-1px -1px 1px #FFFFFF); - a { - @include image-replace('amooma-logo.png'); - float:right; - opacity:0.6; - margin: 5px 5px 0 0; - &:hover { - opacity:1; - } - } - span { - @include debug; - font-size:11px; - color:#74748B; - float:left; - line-height:30px; - margin-right:10px; - } - -}
\ No newline at end of file diff --git a/app/assets/stylesheets/app/shared/_handheld.scss b/app/assets/stylesheets/app/shared/_handheld.scss deleted file mode 100644 index 1efc5e9..0000000 --- a/app/assets/stylesheets/app/shared/_handheld.scss +++ /dev/null @@ -1,25 +0,0 @@ -// -// Media queries for responsive design. -// -// These follow after primary styles so they will successfully override. -// - -@media all and (orientation:portrait) { - // Style adjustments for portrait mode goes here - -} - -@media all and (orientation:landscape) { - // Style adjustments for landscape mode goes here - -} - -// Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome) -// consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ -@media screen and (max-device-width: 480px) { - - - // Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you: j.mp/textsizeadjust - // html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } -} - diff --git a/app/assets/stylesheets/app/shared/_headers.scss b/app/assets/stylesheets/app/shared/_headers.scss deleted file mode 100644 index 6f8f0fe..0000000 --- a/app/assets/stylesheets/app/shared/_headers.scss +++ /dev/null @@ -1,145 +0,0 @@ -// Headers -// ---------------------------------------- - -// -- File Variables ---------------------- - -$border-light:#74B8EA; -$background: #F0F0F3; -$user-context-width:227px; - - -// ---------------------------------------- - -.ext-texture { - background:transparent image-url('gradients/white-texture-x63.png') left top repeat-x; -} - -.ext-header { - max-width:$site-total-width - 2px; // Minus the borders - height:63px; - @extend .ext-bradius; -} - - -// Header Object -// ---------------------------------------- - -header#main { - @extend .ext-header; - background:$background image-url('gradients/light-to-dark-blue-x63.png') left top repeat-x; - margin:$vertical-margin 0; - border:1px solid $border-light; - border-bottom:1px solid #518CBC; - border-top:1px solid lighten(saturate($border-light, 5%), 9%); - @include box-shadow(0px 1px 2px darken(#F0F0F3, 20%)); - position:relative; - overflow:hidden; - .light { - @extend .ext-header; - @extend .ext-texture; - height:62px; - border-bottom:1px solid $border-light; - - // Used as a spacer for the width - padding:0 $user-context-width 0 0; - } - - // Resizable Navigation Items. - span { - @include debug; - float:left; - margin-left:15px; - font-size:size(17px); - line-height:62px; - display:inline; - float:left; - margin-right:7px; - } - - .message { - margin-left:206px; - } - - a { - @include text-shadow(1px 1px 0px darken(#518CBC, 12%)); - color:#fff; - &:active, &:hover { - color:#FFFF70; - text-decoration:none; - } - } -} - -// User Context Object -// ---------------------------------------- - -.user-context { - @include pos(0 10px); - @include size(200px); - padding-left:12px; - text-align:center; - font-size:size(17px); - line-height:62px; - color:#DDDDDD; - border-left:1px solid $border-light; - @include box-shadow(-1px -1px 0px #3A91DE); - // Logged out version of this little guy. - .display { - @extend .ext-bradius-inner; - @include box-shadow(0 -1px 0px #518CBC, 0 1px 0 #74B8EA); - vertical-align: middle; - margin: -2px 7px 0 0; - } - .logged-out { - @include box-shadow(none); - } - .user { - width: 170px; - display: block; - text-align:left; - } - .logout { - display: block; - position: absolute; - top: 0; - right: 0; - } -} - - -// Logo Object -// ---------------------------------------- - -.gemeinschaft-logo { - @include logo('logo.png'); - @include pos(2px 0 0 10px); - @include debug; -} - - -// Search Box Object -// ---------------------------------------- - -.search-box { - @extend .ext-bradius-inner; - float: left; - margin-left: 200px; - margin-top: 18px; - border-bottom: 1px solid #74B7EB; - position: relative; - input.text { - z-index: 0; - @extend .ext-bradius-inner; - background: #fff image-url('gradients/white-gray-x29-reverse.png') left top repeat-x; - line-height: 25px; - height: 25px; - border: 1px solid #3472B2; - @include size(160px, 25px, 0 23px 0 12px); - } - input[type="submit"] { - @include pos(5px 6px 0 0); - @include image-replace('icons/search-13x16.png'); - border:0; - } -} - diff --git a/app/assets/stylesheets/app/shared/_ie.scss b/app/assets/stylesheets/app/shared/_ie.scss deleted file mode 100644 index afbe7e4..0000000 --- a/app/assets/stylesheets/app/shared/_ie.scss +++ /dev/null @@ -1,7 +0,0 @@ -// Internet Explorer Hate File. -// ---------------------------------------- -// Here you'll find all css which it's focused at a specific browser. -@if in-compatibility-mode() { - .ie7 {} - .ie8 {} -}
\ No newline at end of file diff --git a/app/assets/stylesheets/app/shared/_media.scss b/app/assets/stylesheets/app/shared/_media.scss deleted file mode 100644 index c528a1f..0000000 --- a/app/assets/stylesheets/app/shared/_media.scss +++ /dev/null @@ -1,16 +0,0 @@ -// Survival ✚ Kit -// Normalize.css - -//PLACEHOLDER Media Queries for Responsive Design. -//These override the primary ('mobile first') styles -//Modify as content requires. - -@media only screen and (min-width: 480px) { - /* Style adjustments for viewports 480px and over go here */ - -} - -@media only screen and (min-width: 768px) { - /* Style adjustments for viewports 768px and over go here */ - -}
\ No newline at end of file diff --git a/app/assets/stylesheets/app/shared/_print.scss b/app/assets/stylesheets/app/shared/_print.scss deleted file mode 100644 index c8594e4..0000000 --- a/app/assets/stylesheets/app/shared/_print.scss +++ /dev/null @@ -1,17 +0,0 @@ -// Survival ✚ Kit -// Normalize.css - -@media print { - * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */ - a, a:visited { text-decoration: underline; } - a[href]:after { content: " (" attr(href) ")"; } - abbr[title]:after { content: " (" attr(title) ")"; } - .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ - pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } - thead { display: table-header-group; } /* h5bp.com/t */ - tr, img { page-break-inside: avoid; } - img { max-width: 100% !important; } - @page { margin: 0.5cm; } - p, h2, h3 { orphans: 3; widows: 3; } - h2, h3 { page-break-after: avoid; } -}
\ No newline at end of file |