ch4o5/locomotive-boilerplate
Template
1
0
Fork 0
mirror of https://github.com/locomotivemtl/locomotive-boilerplate.git synced 2026-01-15 00:55:08 +08:00
Code Issues Projects Releases Wiki Activity

grid fix

Browse Source
This commit is contained in:
Antoine Boulanger
2014-10-27 16:33:20 -04:00
parent 74448a969a
commit c28b8d6f07
3 changed files with 21 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
project-x/assets/styles/dist/main.css vendored
View File

@@ -349,13 +349,13 @@ td, th {
box-sizing: inherit; } box-sizing: inherit; }
html { html {
font-family: sans-serif;
font-family: sans-serif; font-family: sans-serif;
font-size: 16px; font-size: 16px;
font-size: 16px;
line-height: 1.4;
line-height: 1.4; line-height: 1.4;
box-sizing: border-box; box-sizing: border-box;
font-size: 16px;
font-family: sans-serif;
line-height: 1.4;
color: #222222; } color: #222222; }
::-moz-selection { ::-moz-selection {
@@ -409,7 +409,8 @@ a {
width: 100%; width: 100%;
margin-bottom: 20px; margin-bottom: 20px;
padding-left: 20px; padding-left: 20px;
vertical-align: top; } vertical-align: top;
font-size: 16px; }
@media (min-width: 1024px) { @media (min-width: 1024px) {
.half { .half {
@@ -476,13 +477,13 @@ h6, .h6, .zeta {
/* Input /* Input
========================================================================== */ ========================================================================== */
.input, .select__input, .checkbox__check { .input, .select__input, .checkbox__check {
background-color: #cccccc;
display: block; display: block;
width: 100%; width: 100%;
color: #000000; color: #000000;
border: none; border: none;
border-radius: 0; border-radius: 0;
outline: none; outline: none;
background-color: #CCCCCC;
-webkit-appearance: none; -webkit-appearance: none;
-moz-appearance: none; -moz-appearance: none;
appearance: none; } appearance: none; }
@@ -490,21 +491,21 @@ h6, .h6, .zeta {
/* Select /* Select
========================================================================== */ ========================================================================== */
.select { .select {
display: block; position: relative;
position: relative; } display: block; }
.select:after { .select:after {
content: "";
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
display: block;
width: 30px; width: 30px;
height: 100%; height: 100%;
display: block; content: "";
background-color: #ccc; pointer-events: none;
background-image: url('../../images/select-arrow.svg'); background-color: #CCCCCC;
background-image: url("../../images/select-arrow.svg");
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center; }
pointer-events: none; }
.select__input { .select__input {
padding-right: 30px; } padding-right: 30px; }
@@ -526,14 +527,14 @@ h6, .h6, .zeta {
width: 25px; width: 25px;
height: 25px; } height: 25px; }
.checkbox__check:after { .checkbox__check:after {
content: "";
display: block; display: block;
background-image: url('../../images/check.svg'); visibility: hidden;
background-repeat: no-repeat;
background-position: center;
width: 25px; width: 25px;
height: 25px; height: 25px;
visibility: hidden; } content: "";
background-image: url("../../images/check.svg");
background-repeat: no-repeat;
background-position: center; }
/* ========================================================================== /* ==========================================================================
Functions Functions

1
project-x/assets/styles/src/base/_forms.scss
View File

@@ -100,4 +100,3 @@
background-position: center; background-position: center;
} }
} }

2
project-x/assets/styles/src/base/_grid.scss
View File

@@ -19,6 +19,8 @@
} }
.grid__item { .grid__item {
font-size: $font-size;
display: inline-block; display: inline-block;
width: 100%; width: 100%;