consul/nairobi
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Creates new scss file for IE styles

Browse Source
This commit is contained in:
Alberto Garcia Cabeza
2016-06-23 13:56:57 +02:00
parent 0320abe1cf
commit 0972f5284a
5 changed files with 203 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
app/assets/stylesheets/admin.scss
View File

@@ -34,9 +34,6 @@ body.admin {
}
input[type="text"], textarea {
height: 48px\9;
line-height: 48px\9;
margin-bottom: 24px\9;
width: 100%;
}
}
@@ -163,8 +160,6 @@ body.admin {
font-size: rem-calc(24);
padding-right: rem-calc(12);
padding-top: rem-calc(4);
padding-left: 12px\9 !important;
padding-right: 12px\9 !important;
vertical-align: middle;
}

199
app/assets/stylesheets/ie.scss Normal file
View File

@@ -0,0 +1,199 @@
// Stylesheet for Internet Explorer
//
// Table of Contents
// 01. Global styles
// 02. Admin
//
// 01. Global styles
// -----------------
*, *:before, *:after {
box-sizing: border-box !important;
}
.show-for-medium-down,
.show-for-medium,
.show-for-small {
display: none !important;
}
.show-for-large-up,
.hide-for-medium-down {
display: block !important;
}
.column, .columns {
display: inline-block !important;
float: none !important;
box-sizing: border-box !important;
}
.small-1, .row .small-1 { width: 7.33333%; }
.small-2, .row .small-2 { width: 15.66667%; }
.small-3, .row .small-3 { width: 24%; }
.small-4, .row .small-4 { width: 32.33333%; }
.small-5, .row .small-5 { width: 40.66667%; }
.small-6, .row .small-6 { width: 49%; }
.small-7, .row .small-7 { width: 57.33333%; }
.small-8, .row .small-8 { width: 65.66667%; }
.small-9, .row .small-9 { width: 74%; }
.small-10, .row .small-10 { width: 82.33333%; }
.small-11, .row .small-11 { width: 90.66667%; }
.small-12, .row .small-12 { width: 99%; }
.medium-1, .row .medium-1 { width: 7.33333%; }
.medium-2, .row .medium-2 { width: 15.66667%; }
.medium-3, .row .medium-3 { width: 24%; }
.medium-4, .row .medium-4 { width: 32.33333%; }
.medium-5, .row .medium-5 { width: 40.66667%; }
.medium-6, .row .medium-6 { width: 49%; }
.medium-7, .row .medium-7 { width: 57.33333%; }
.medium-8, .row .medium-8 { width: 65.66667%; }
.medium-9, .row .medium-9 { width: 74%; }
.medium-10, .row .medium-10 { width: 82.33333%; }
.medium-11, .row .medium-11 { width: 90.66667%; }
.medium-12, .row .medium-12 { width: 99%; }
.large-1, .row .large-1 { width: 7.33333%; }
.large-2, .row .large-2 { width: 15.66667%; }
.large-3, .row .large-3 { width: 24%; }
.large-4, .row .large-4 { width: 32.33333%; }
.large-5, .row .large-5 { width: 40.66667%; }
.large-6, .row .large-6 { width: 49%; }
.large-7, .row .large-7 { width: 57.33333%; }
.large-8, .row .large-8 { width: 65.66667%; }
.large-9, .row .large-9 { width: 74%; }
.large-10, .row .large-10 { width: 82.33333%; }
.large-11, .row .large-11 { width: 90.66667%; }
.large-12, .row .large-12 { width: 99%; }
.row .small-offset-1 { margin-left: 7.33333%; }
.row .small-offset-2 { margin-left: 15.66667%; }
.row .small-offset-3 { margin-left: 24%; }
.row .small-offset-4 { margin-left: 32.33333%; }
.row .small-offset-5 { margin-left: 40.66667%; }
.row .small-offset-6 { margin-left: 49%; }
.row .small-offset-7 { margin-left: 57.33333%; }
.row .small-offset-8 { margin-left: 65.66667%; }
.row .small-offset-9 { margin-left: 74%; }
.row .small-offset-10 { margin-left: 82.33333%; }
.row .small-offset-11 { margin-left: 90.66667%; }
.row .small-offset-12 { margin-left: 99%; }
.row .medium-offset-1 { margin-left: 7.33333%; }
.row .medium-offset-2 { margin-left: 15.66667%; }
.row .medium-offset-3 { margin-left: 24%; }
.row .medium-offset-4 { margin-left: 32.33333%; }
.row .medium-offset-5 { margin-left: 40.66667%; }
.row .medium-offset-6 { margin-left: 49%; }
.row .medium-offset-7 { margin-left: 57.33333%; }
.row .medium-offset-8 { margin-left: 65.66667%; }
.row .medium-offset-9 { margin-left: 74%; }
.row .medium-offset-10 { margin-left: 82.33333%; }
.row .medium-offset-11 { margin-left: 90.66667%; }
.row .medium-offset-12 { margin-left: 99%; }
.row .large-offset-1 { margin-left: 7.33333%; }
.row .large-offset-2 { margin-left: 15.66667%; }
.row .large-offset-3 { margin-left: 24%; }
.row .large-offset-4 { margin-left: 32.33333%; }
.row .large-offset-5 { margin-left: 40.66667%; }
.row .large-offset-6 { margin-left: 49%; }
.row .large-offset-7 { margin-left: 57.33333%; }
.row .large-offset-8 { margin-left: 65.66667%; }
.row .large-offset-9 { margin-left: 74%; }
.row .large-offset-10 { margin-left: 82.33333%; }
.row .large-offset-11 { margin-left: 90.66667%; }
.row .large-offset-12 { margin-left: 99%; }
.top-bar {
clear: both !important;
height: 100px !important;
}
.locale, .external-links {
background: #002d50 !important;
}
.locale {
float: left !important;
}
.external-links {
color: white !important;
float: right !important;
}
.top-bar-title, .top-bar-title a, .top-bar-title a {
display: inline-block !important;
float: none !important;
}
.top-bar-title a {
line-height: 24px !important;
width: 100% !important;
}
.proposal .supports {
display: inline-block !important;
margin: 0 !important;
position: inherit !important;
&:after {
content: none !important;
}
}
form {
input, textarea {
height: 48px !important;
line-height: 48px !important;
margin-bottom: 24px !important;
width: 100% !important;
}
input[type="checkbox"],
input[type="radio"] {
height: auto !important;
line-height: inherit !important;
width: auto !important;
}
input[type="radio"] {
width: 18px !important;
}
}
.subnavigation {
display: block;
height: 60px !important;
width: 100%;
ul li a {
margin-left: 10px !important;
margin-right: 10px !important;
}
}
.truncate {
background: none;
}
// 02. Admin
// ---------
body.admin form {
input[type="text"], textarea {
height: 48px !important;
line-height: 48px !important;
margin-bottom: 24px !important;
}
}
.admin-sidebar ul [class^="icon-"] {
padding-left: 12px !important;
padding-right: 12px !important;
}

17
app/assets/stylesheets/layout.scss
View File

@@ -396,8 +396,6 @@ header {
color: $text;
display: block;
font-weight: bold;
margin-left: 18px\9;
margin-right: 18px\9;
width: auto;
&:hover {
@@ -671,24 +669,9 @@ form {
font-weight: bold;
}
input, textarea {
height: 48px\9;
line-height: 48px\9;
margin-bottom: 24px\9;
width: 100%\9;
}
input[type="checkbox"],
input[type="radio"] {
height: auto\9;
line-height: inherit\9;
width: auto\9;
}
input[type="radio"] {
height: $line-height !important;
vertical-align: top;
width: 18px\9;
+ label {
font-weight: normal;

3
app/views/layouts/application.html.erb
View File

@@ -7,6 +7,9 @@
<%=render "layouts/tracking_data"%>
<title><%= content_for?(:title) ? yield(:title) : setting['org_name'] %></title>
<%= stylesheet_link_tag "application" %>
<!--[if lt IE 9]>
<%= stylesheet_link_tag "ie" %>
<![endif]-->
<%= javascript_include_tag "application", 'data-turbolinks-track' => true %>
<%= csrf_meta_tags %>
<%= favicon_link_tag "favicon.ico" %>

1
config/initializers/assets.rb
View File

@@ -13,3 +13,4 @@ Rails.application.config.assets.precompile += %w( ckeditor/* )
Rails.application.config.assets.precompile += %w( ie_lt9.js )
Rails.application.config.assets.precompile += %w( stat_graphs.js )
Rails.application.config.assets.precompile += %w( print.css )
Rails.application.config.assets.precompile += %w( ie.css )