secstate/Iris
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Standardizing bracket syntax

Browse Source
This commit is contained in:
James Barnsley
2017-10-10 13:05:28 +13:00
parent 0ca37b0f62
commit 2ffa337ffa
116 changed files with 7451 additions and 3246 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
src/scss/components/_grid.scss
View File

@ -64,7 +64,7 @@
}
}
@include responsive( null, $bp_wide ){
@include responsive(null, $bp_wide){
.grid-item {
.name {
font-size: 16px;
@ -73,10 +73,10 @@
}
}
@include responsive( null, 1900px ){
@include responsive(null, 1900px){
&.mini {
.grid-item {
@include grid_item( 3 )
@include grid_item(3 )
}
&.single-row {
.grid-item:nth-child(1n+4){
@ -86,7 +86,7 @@
}
&:not(.mini){
.grid-item {
@include grid_item( 5 )
@include grid_item(5 )
}
&.single-row {
.grid-item:nth-child(1n+6){
@ -96,10 +96,10 @@
}
}
@include responsive( 1899px, 1200px ){
@include responsive(1899px, 1200px){
&.mini {
.grid-item {
@include grid_item( 2 )
@include grid_item(2 )
}
&.single-row {
.grid-item:nth-child(1n+3){
@ -109,7 +109,7 @@
}
&:not(.mini){
.grid-item {
@include grid_item( 4 )
@include grid_item(4 )
}
&.single-row {
.grid-item:nth-child(1n+5){
@ -119,10 +119,10 @@
}
}
@include responsive( 1199px, 800px ){
@include responsive(1199px, 800px){
&.mini {
.grid-item {
@include grid_item( 2 )
@include grid_item(2 )
}
&.single-row {
.grid-item:nth-child(1n+3){
@ -132,7 +132,7 @@
}
&:not(.mini){
.grid-item {
@include grid_item( 4 )
@include grid_item(4 )
}
&.single-row {
.grid-item:nth-child(1n+5){
@ -142,10 +142,10 @@
}
}
@include responsive( 799px, 500px ){
@include responsive(799px, 500px){
&.mini{
.grid-item {
@include grid_item( 6, 2%, 4% )
@include grid_item(6, 2%, 4% )
}
&.single-row {
.grid-item:nth-child(1n+7){
@ -155,7 +155,7 @@
}
&:not(.mini){
.grid-item {
@include grid_item( 3, 2%, 4% )
@include grid_item(3, 2%, 4% )
}
&.single-row {
.grid-item:nth-child(1n+4){
@ -165,10 +165,10 @@
}
}
@include responsive( 499px ){
@include responsive(499px){
&.mini{
.grid-item {
@include grid_item( 3, 2%, 4% )
@include grid_item(3, 2%, 4% )
}
&.single-row {
.grid-item:nth-child(1n+4){
@ -178,7 +178,7 @@
}
&:not(.mini){
.grid-item {
@include grid_item( 2, 2%, 4% )
@include grid_item(2, 2%, 4% )
}
&.single-row {
.grid-item:nth-child(1n+5){
@ -252,21 +252,21 @@
}
}
@include responsive( null, $bp_medium ){
@include responsive(null, $bp_medium){
.tile {
@include grid_item( 2 );
@include grid_item(2 );
}
}
@include responsive( $bp_medium ){
@include responsive($bp_medium){
padding-bottom: 20px;
.tile {
@include grid_item( 3 );
@include grid_item(3 );
}
}
@include responsive( $bp_narrow ){
@include responsive($bp_narrow){
.tile {
.text {
font-size: 14px;