WordPress.org
Get WordPress

Plugin Directory

Changeset 1693924


Ignore:
Timestamp:
07/10/2017 05:42:17 PM (9 years ago)
Author:
sergiuscosta
Message:

2.0ok

Location:
sc-gridsystem/trunk
Files:
9 edited

Legend:

Unmodified
Added
Removed

  • sc-gridsystem/trunk/README.md

    r1159963 r1693924  
    1 # SC Grid System
     1# SC Grid System 2.0
    22#### Made with SASS
    33
    4 A WordPress plugin where you can manage column sizes with shortcodes.
    5 It is a 12 columns Grid System (from 1 to 12, where 12 is 100% width)
     4A "just add water" WordPress plugin in which you can manage column sizes with shortcodes
     5It is a 10, 12 and 16 columns Grid System
    66
    77
    8 ## To specify the column size of your element, just follow the exemple bellow
     8## To specify the column size of your element, just follow the exemples bellow
    99
    1010```css
    11 [sc_gs_col_6]
     11[6_of_12]
    1212    {{content}}
    13 [/sc_gs_col_6]
    14 /* If you want to use the 6-column grid, for example */
     13[/6_of_12]
     14/* If you want to use 6 columns in the 12 columns grid system */
    1515
    16 [sc_gs_col_12]
     16[12_of_16]
    1717    {{content}}
    18 [/sc_gs_col_12]
    19 /* If you want to use the 12-column grid, for example */
     18[/col_12_of_16]
     19/* If you want to use 12 columns in the 16 columns grid system */
    2020
    2121/* Pattern */
    22 [sc_gs_col_{n}]
     22[{n}_of_{x}]
    2323    {{content}}
    24 [/sc_gs_col_{n}]
    25 /* Where {n} is your column size from 1 to 12 and {{content}} could be whatever you want to show inside the column element */
     24[/{n}_of_{x}]
     25/*
     26{n} being the column size from 1 to {x}
     27{x} being the amount of columns for each line (10, 12 or 16)
     28{{content}} could be whatever you want to show inside the column element
     29*/
    2630```
     31
     32### Download from WordPress plugins repository
     33[SC GridSystem - You can download from the WordPress Plugins Repository](https://wordpress.org/plugins/sc-gridsystem/)
    2734
    2835

  • sc-gridsystem/trunk/css/sc-gridsystem.css

    r1159965 r1693924  
    22 * -------------------------------------------------------
    33 * Project: Sergio Costa GridSystem with ShortCode
    4  * Version: 1.0.0
     4 * Version: 2.0.0
    55 *
    66 * Author:  Sergio Costa
    7  * URL:     http://sergiocosta.net.br
     7 * URL:     http://republicainterativa.com.br
    88 * Contact: sergio.costa@outlook.com
    99 *
    10  *-------------------------------------------------------- */.sc-gs-col{display:table;padding:0px 15px;float:left}.sc-gs-1{width:8.33333%}.sc-gs-2{width:16.66667%}.sc-gs-3{width:25.0%}.sc-gs-4{width:33.33333%}.sc-gs-5{width:41.66667%}.sc-gs-6{width:50.0%}.sc-gs-7{width:58.33333%}.sc-gs-8{width:66.66667%}.sc-gs-9{width:75.0%}.sc-gs-10{width:83.33333%}.sc-gs-11{width:91.66667%}.sc-gs-12{width:100.0%}@media only screen and (max-width: 767px){.sc-gs-1{width:100%}.sc-gs-2{width:100%}.sc-gs-3{width:100%}.sc-gs-4{width:100%}.sc-gs-5{width:100%}.sc-gs-6{width:100%}.sc-gs-7{width:100%}.sc-gs-8{width:100%}.sc-gs-9{width:100%}.sc-gs-10{width:100%}.sc-gs-11{width:100%}.sc-gs-12{width:100%}}
     10 *-------------------------------------------------------- */.sc-gs-col{display:table;padding:0px 15px;float:left}.sc-gs-10-1{width:10%}.sc-gs-10-2{width:20%}.sc-gs-10-3{width:30%}.sc-gs-10-4{width:40%}.sc-gs-10-5{width:50%}.sc-gs-10-6{width:60%}.sc-gs-10-7{width:70%}.sc-gs-10-8{width:80%}.sc-gs-10-9{width:90%}.sc-gs-10-10{width:100%}.sc-gs-12-1{width:8.33333%}.sc-gs-12-2{width:16.66667%}.sc-gs-12-3{width:25.0%}.sc-gs-12-4{width:33.33333%}.sc-gs-12-5{width:41.66667%}.sc-gs-12-6{width:50.0%}.sc-gs-12-7{width:58.33333%}.sc-gs-12-8{width:66.66667%}.sc-gs-12-9{width:75.0%}.sc-gs-12-10{width:83.33333%}.sc-gs-12-11{width:91.66667%}.sc-gs-12-12{width:100.0%}.sc-gs-16-1{width:6.25%}.sc-gs-16-2{width:12.5%}.sc-gs-16-3{width:18.75%}.sc-gs-16-4{width:25%}.sc-gs-16-5{width:31.25%}.sc-gs-16-6{width:37.5%}.sc-gs-16-7{width:43.75%}.sc-gs-16-8{width:50%}.sc-gs-16-9{width:56.25%}.sc-gs-16-10{width:62.5%}.sc-gs-16-11{width:68.75%}.sc-gs-16-12{width:75%}.sc-gs-16-13{width:81.25%}.sc-gs-16-14{width:87.5%}.sc-gs-16-15{width:93.75%}.sc-gs-16-16{width:100%}@media only screen and (max-width: 767px){.sc-gs-col{width:100% !important}}

  • sc-gridsystem/trunk/functions/shortcode.php

    r1159963 r1693924  
    11<?php
    22
    3 // Add Shortcode to display 12 column grid
    4 function sc_gs_12( $atts, $content = null ) {
    5     return '<div class="sc-gs-col sc-gs-12">' . $content . '</div>';
    6 }
    7 add_shortcode( 'sc_gs_12', 'sc_gs_12' );
    8 
    9 // Add Shortcode to display 11 column grid
    10 function sc_gs_11( $atts, $content = null ) {
    11     return '<div class="sc-gs-col sc-gs-11">' . $content . '</div>';
    12 }
    13 add_shortcode( 'sc_gs_11', 'sc_gs_11' );
    14 
    15 // Add Shortcode to display 10 column grid
    16 function sc_gs_10( $atts, $content = null ) {
    17     return '<div class="sc-gs-col sc-gs-12">' . $content . '</div>';
    18 }
    19 add_shortcode( 'sc_gs_10', 'sc_gs_10' );
    20 
    21 // Add Shortcode to display 9 column grid
    22 function sc_gs_9( $atts, $content = null ) {
    23     return '<div class="sc-gs-col sc-gs-9">' . $content . '</div>';
    24 }
    25 add_shortcode( 'sc_gs_9', 'sc_gs_9' );
    26 
    27 // Add Shortcode to display 8 column grid
    28 function sc_gs_8( $atts, $content = null ) {
    29     return '<div class="sc-gs-col sc-gs-8">' . $content . '</div>';
    30 }
    31 add_shortcode( 'sc_gs_8', 'sc_gs_8' );
    32 
    33 // Add Shortcode to display 7 column grid
    34 function sc_gs_7( $atts, $content = null ) {
    35     return '<div class="sc-gs-col sc-gs-7">' . $content . '</div>';
    36 }
    37 add_shortcode( 'sc_gs_7', 'sc_gs_7' );
    38 
    39 // Add Shortcode to display 6 column grid
    40 function sc_gs_6( $atts, $content = null ) {
    41     return '<div class="sc-gs-col sc-gs-6">' . $content . '</div>';
    42 }
    43 add_shortcode( 'sc_gs_6', 'sc_gs_6' );
    44 
    45 // Add Shortcode to display 5 column grid
    46 function sc_gs_5( $atts, $content = null ) {
    47     return '<div class="sc-gs-col sc-gs-5">' . $content . '</div>';
    48 }
    49 add_shortcode( 'sc_gs_5', 'sc_gs_5' );
    50 
    51 // Add Shortcode to display 4 column grid
    52 function sc_gs_4( $atts, $content = null ) {
    53     return '<div class="sc-gs-col sc-gs-4">' . $content . '</div>';
    54 }
    55 add_shortcode( 'sc_gs_4', 'sc_gs_4' );
    56 
    57 // Add Shortcode to display 3 column grid
    58 function sc_gs_3( $atts, $content = null ) {
    59     return '<div class="sc-gs-col sc-gs-3">' . $content . '</div>';
    60 }
    61 add_shortcode( 'sc_gs_3', 'sc_gs_3' );
    62 
    63 // Add Shortcode to display 2 column grid
    64 function sc_gs_2( $atts, $content = null ) {
    65     return '<div class="sc-gs-col sc-gs-2">' . $content . '</div>';
    66 }
    67 add_shortcode( 'sc_gs_2', 'sc_gs_2' );
    68 
    69 // Add Shortcode to display 1 column grid
    70 function sc_gs_1( $atts, $content = null ) {
    71     return '<div class="sc-gs-col sc-gs-1">' . $content . '</div>';
    72 }
    73 add_shortcode( 'sc_gs_1', 'sc_gs_1' );
    74 
     3/**
     4 * @param $atts
     5 * @param null $content
     6 * @return string
     7 * @description 10 column grid system shortcode
     8 */
     9// Add Shortcode to display 10 of 10 column grid
     10function sc_gs_10_of_10( $atts, $content = null ) {
     11    return '<div class="sc-gs-col sc-gs-10-10">' . $content . '</div>';
     12}
     13add_shortcode( '10_of_10', 'sc_gs_10_of_10' );
     14
     15// Add Shortcode to display 9 of 10 column grid
     16function sc_gs_9_of_10( $atts, $content = null ) {
     17    return '<div class="sc-gs-col sc-gs-10-9">' . $content . '</div>';
     18}
     19add_shortcode( '9_of_10', 'sc_gs_9_of_10' );
     20
     21// Add Shortcode to display 8 of 10 column grid
     22function sc_gs_8_of_10( $atts, $content = null ) {
     23    return '<div class="sc-gs-col sc-gs-10-8">' . $content . '</div>';
     24}
     25add_shortcode( '8_of_10', 'sc_gs_8_of_10' );
     26
     27// Add Shortcode to display 7 of 10 column grid
     28function sc_gs_7_of_10( $atts, $content = null ) {
     29    return '<div class="sc-gs-col sc-gs-10-7">' . $content . '</div>';
     30}
     31add_shortcode( '7_of_10', 'sc_gs_7_of_10' );
     32
     33// Add Shortcode to display 6 of 10 column grid
     34function sc_gs_6_of_10( $atts, $content = null ) {
     35    return '<div class="sc-gs-col sc-gs-10-6">' . $content . '</div>';
     36}
     37add_shortcode( '6_of_10', 'sc_gs_6_of_10' );
     38
     39// Add Shortcode to display 5 of 10 column grid
     40function sc_gs_5_of_10( $atts, $content = null ) {
     41    return '<div class="sc-gs-col sc-gs-10-5">' . $content . '</div>';
     42}
     43add_shortcode( '5_of_10', 'sc_gs_5_of_10' );
     44
     45// Add Shortcode to display 4 of 10 column grid
     46function sc_gs_4_of_10( $atts, $content = null ) {
     47    return '<div class="sc-gs-col sc-gs-10-4">' . $content . '</div>';
     48}
     49add_shortcode( '4_of_10', 'sc_gs_4_of_10' );
     50
     51// Add Shortcode to display 3 of 10 column grid
     52function sc_gs_3_of_10( $atts, $content = null ) {
     53    return '<div class="sc-gs-col sc-gs-10-3">' . $content . '</div>';
     54}
     55add_shortcode( '3_of_10', 'sc_gs_3_of_10' );
     56
     57// Add Shortcode to display 2 of 10 column grid
     58function sc_gs_2_of_10( $atts, $content = null ) {
     59    return '<div class="sc-gs-col sc-gs-10-2">' . $content . '</div>';
     60}
     61add_shortcode( '2_of_10', 'sc_gs_2_of_10' );
     62
     63// Add Shortcode to display 1 of 10 column grid
     64function sc_gs_1_of_10( $atts, $content = null ) {
     65    return '<div class="sc-gs-col sc-gs-10-1">' . $content . '</div>';
     66}
     67add_shortcode( '1_of_10', 'sc_gs_1_of_10' );
     68
     69
     70/**
     71 * @param $atts
     72 * @param null $content
     73 * @return string
     74 * @description 12 column grid system shortcode
     75 */
     76// Add Shortcode to display 12 of 12 column grid
     77function sc_gs_12_of_12( $atts, $content = null ) {
     78    return '<div class="sc-gs-col sc-gs-12-12">' . $content . '</div>';
     79}
     80add_shortcode( '12_of_12', 'sc_gs_12_of_12' );
     81
     82// Add Shortcode to display 11 of 12 column grid
     83function sc_gs_11_of_12( $atts, $content = null ) {
     84    return '<div class="sc-gs-col sc-gs-12-11">' . $content . '</div>';
     85}
     86add_shortcode( '11_of_12', 'sc_gs_11_of_12' );
     87
     88// Add Shortcode to display 10 of 12 column grid
     89function sc_gs_10_of_12( $atts, $content = null ) {
     90    return '<div class="sc-gs-col sc-gs-12-12">' . $content . '</div>';
     91}
     92add_shortcode( '10_of_12', 'sc_gs_10_of_12' );
     93
     94// Add Shortcode to display 9 of 12 column grid
     95function sc_gs_9_of_12( $atts, $content = null ) {
     96    return '<div class="sc-gs-col sc-gs-12-9">' . $content . '</div>';
     97}
     98add_shortcode( '9_of_12', 'sc_gs_9_of_12' );
     99
     100// Add Shortcode to display 8 of 12 column grid
     101function sc_gs_8_of_12( $atts, $content = null ) {
     102    return '<div class="sc-gs-col sc-gs-12-8">' . $content . '</div>';
     103}
     104add_shortcode( '8_of_12', 'sc_gs_8_of_12' );
     105
     106// Add Shortcode to display 7 of 12 column grid
     107function sc_gs_7_of_12( $atts, $content = null ) {
     108    return '<div class="sc-gs-col sc-gs-12-7">' . $content . '</div>';
     109}
     110add_shortcode( '7_of_12', 'sc_gs_7_of_12' );
     111
     112// Add Shortcode to display 6 of 12 column grid
     113function sc_gs_6_of_12( $atts, $content = null ) {
     114    return '<div class="sc-gs-col sc-gs-12-6">' . $content . '</div>';
     115}
     116add_shortcode( '6_of_12', 'sc_gs_6_of_12' );
     117
     118// Add Shortcode to display 5 of 12 column grid
     119function sc_gs_5_of_12( $atts, $content = null ) {
     120    return '<div class="sc-gs-col sc-gs-12-5">' . $content . '</div>';
     121}
     122add_shortcode( '5_of_12', 'sc_gs_5_of_12' );
     123
     124// Add Shortcode to display 4 of 12 column grid
     125function sc_gs_4_of_12( $atts, $content = null ) {
     126    return '<div class="sc-gs-col sc-gs-12-4">' . $content . '</div>';
     127}
     128add_shortcode( '4_of_12', 'sc_gs_4_of_12' );
     129
     130// Add Shortcode to display 3 of 12 column grid
     131function sc_gs_3_of_12( $atts, $content = null ) {
     132    return '<div class="sc-gs-col sc-gs-12-3">' . $content . '</div>';
     133}
     134add_shortcode( '3_of_12', 'sc_gs_3_of_12' );
     135
     136// Add Shortcode to display 2 of 12 column grid
     137function sc_gs_2_of_12( $atts, $content = null ) {
     138    return '<div class="sc-gs-col sc-gs-12-2">' . $content . '</div>';
     139}
     140add_shortcode( '2_of_12', 'sc_gs_2_of_12' );
     141
     142// Add Shortcode to display 1 of 12 column grid
     143function sc_gs_1_of_12( $atts, $content = null ) {
     144    return '<div class="sc-gs-col sc-gs-12-1">' . $content . '</div>';
     145}
     146add_shortcode( '1_of_12', 'sc_gs_1_of_12' );
     147
     148
     149/**
     150 * @param $atts
     151 * @param null $content
     152 * @return string
     153 * @description 16 column grid system shortcode
     154 */
     155// Add Shortcode to display 16 of 16 column grid
     156function sc_gs_16_of_16( $atts, $content = null ) {
     157    return '<div class="sc-gs-col sc-gs-16-16">' . $content . '</div>';
     158}
     159add_shortcode( '16_of_16', 'sc_gs_16_of_16' );
     160
     161// Add Shortcode to display 15 of 16 column grid
     162function sc_gs_15_of_16( $atts, $content = null ) {
     163    return '<div class="sc-gs-col sc-gs-16-15">' . $content . '</div>';
     164}
     165add_shortcode( '15_of_16', 'sc_gs_15_of_16' );
     166
     167// Add Shortcode to display 14 of 16 column grid
     168function sc_gs_14_of_16( $atts, $content = null ) {
     169    return '<div class="sc-gs-col sc-gs-16-14">' . $content . '</div>';
     170}
     171add_shortcode( '14_of_16', 'sc_gs_14_of_16' );
     172
     173// Add Shortcode to display 13 of 16 column grid
     174function sc_gs_13_of_16( $atts, $content = null ) {
     175    return '<div class="sc-gs-col sc-gs-16-13">' . $content . '</div>';
     176}
     177add_shortcode( '13_of_16', 'sc_gs_13_of_16' );
     178
     179// Add Shortcode to display 12 of 16 column grid
     180function sc_gs_12_of_16( $atts, $content = null ) {
     181    return '<div class="sc-gs-col sc-gs-16-12">' . $content . '</div>';
     182}
     183add_shortcode( '12_of_16', 'sc_gs_12_of_16' );
     184
     185// Add Shortcode to display 11 of 16 column grid
     186function sc_gs_11_of_16( $atts, $content = null ) {
     187    return '<div class="sc-gs-col sc-gs-16-11">' . $content . '</div>';
     188}
     189add_shortcode( '11_of_16', 'sc_gs_11_of_16' );
     190
     191// Add Shortcode to display 10 of 16 column grid
     192function sc_gs_10_of_16( $atts, $content = null ) {
     193    return '<div class="sc-gs-col sc-gs-16-12">' . $content . '</div>';
     194}
     195add_shortcode( '10_of_16', 'sc_gs_10_of_16' );
     196
     197// Add Shortcode to display 9 of 16 column grid
     198function sc_gs_9_of_16( $atts, $content = null ) {
     199    return '<div class="sc-gs-col sc-gs-16-9">' . $content . '</div>';
     200}
     201add_shortcode( '9_of_16', 'sc_gs_9_of_16' );
     202
     203// Add Shortcode to display 8 of 16 column grid
     204function sc_gs_8_of_16( $atts, $content = null ) {
     205    return '<div class="sc-gs-col sc-gs-16-8">' . $content . '</div>';
     206}
     207add_shortcode( '8_of_16', 'sc_gs_8_of_16' );
     208
     209// Add Shortcode to display 7 of 16 column grid
     210function sc_gs_7_of_16( $atts, $content = null ) {
     211    return '<div class="sc-gs-col sc-gs-16-7">' . $content . '</div>';
     212}
     213add_shortcode( '7_of_16', 'sc_gs_7_of_16' );
     214
     215// Add Shortcode to display 6 of 16 column grid
     216function sc_gs_6_of_16( $atts, $content = null ) {
     217    return '<div class="sc-gs-col sc-gs-16-6">' . $content . '</div>';
     218}
     219add_shortcode( '6_of_16', 'sc_gs_6_of_16' );
     220
     221// Add Shortcode to display 5 of 16 column grid
     222function sc_gs_5_of_16( $atts, $content = null ) {
     223    return '<div class="sc-gs-col sc-gs-16-5">' . $content . '</div>';
     224}
     225add_shortcode( '5_of_16', 'sc_gs_5_of_16' );
     226
     227// Add Shortcode to display 4 of 16 column grid
     228function sc_gs_4_of_16( $atts, $content = null ) {
     229    return '<div class="sc-gs-col sc-gs-16-4">' . $content . '</div>';
     230}
     231add_shortcode( '4_of_16', 'sc_gs_4_of_16' );
     232
     233// Add Shortcode to display 3 of 16 column grid
     234function sc_gs_3_of_16( $atts, $content = null ) {
     235    return '<div class="sc-gs-col sc-gs-16-3">' . $content . '</div>';
     236}
     237add_shortcode( '3_of_16', 'sc_gs_3_of_16' );
     238
     239// Add Shortcode to display 2 of 16 column grid
     240function sc_gs_2_of_16( $atts, $content = null ) {
     241    return '<div class="sc-gs-col sc-gs-16-2">' . $content . '</div>';
     242}
     243add_shortcode( '2_of_16', 'sc_gs_2_of_16' );
     244
     245// Add Shortcode to display 1 of 16 column grid
     246function sc_gs_1_of_16( $atts, $content = null ) {
     247    return '<div class="sc-gs-col sc-gs-16-1">' . $content . '</div>';
     248}
     249add_shortcode( '1_of_16', 'sc_gs_1_of_16' );
     250

  • sc-gridsystem/trunk/index.php

    r1159963 r1693924  
    44 * Plugin URI: https://profiles.wordpress.org/sergiuscosta
    55 * Description: A simple GridSystem you could use with Shortcodes
    6  * Version: 1.0.0
     6 * Version: 2.0.0
    77 * Author: Sergio Costa
    8  * Author URI: http://sergiocosta.net.br/
     8 * Author URI: http://republicainterativa.com.br/
    99 * Text Domain: scgs
    1010 * License: GPLv2 or later

  • sc-gridsystem/trunk/readme.txt

    r1164628 r1693924  
    11=== SC GridSystem ===
    22Contributors: sergiuscosta
    3 Donate link: http://sergiocosta.net.br/
     3Donate link: http://republicainterativa.com.br/
    44Tags: gridsystem, grid, grid system, columns, shortcode
    55Requires at least: 3.0.1
    6 Tested up to: 4.2
    7 Stable tag: 4.2
     6Tested up to: 4.8
     7Stable tag: 4.8
    88License: GPLv2 or later
    99License URI: http://www.gnu.org/licenses/gpl-2.0.html
    … …  
    1414
    1515A WordPress plugin where you can manage column sizes with shortcodes.
    16 It is a 12 columns Grid System (from 1 to 12, where 12 is 100% width).
     16It is a 10, 12 and 16 columns Grid System.
    1717
    1818Made with SASS
    … …  
    22221. Upload the folder `sc-gridsystem` to the `/wp-content/plugins/` directory
    23231. Activate the plugin through the 'Plugins' menu in WordPress
    24 1. Place the shortcode '[sc_gs_{n}]' (Where {n} is your column size from 1 to 12)
     241. Place the shortcode '[{n}_of_{x}]' ({n} being the column size and {x} is the grid system (10, 12 or 16))
    25251. Add you content (could be whatever you want), right after opening the shortcode above
    26 1. Close the column element by adding '[/sc_gs_{n}]' at the end of the content you want to show inside the column element wherever you want, in your pages/posts
     261. Close the column element by adding '[{n}_of_{x}]' at the end of the content you want to show inside the column element wherever you want, in your pages/posts
    27271. Enjoy!
    2828
    … …  
    3131= The plugin isn't working! What can I do? =
    3232
    33 Make sure you wrote the shortcode correctly; 
     33Make sure you wrote the shortcode correctly;
    3434Make sure the plugin is active;
    3535
    36 = If I found some problem, should I report you? = 
     36= If I found some problem, should I report you? =
    3737
    3838Yes, of course you should! Just email, me: sergio.costa@outlook.com ! Thank you! ;)
    … …  
    5050
    5151= 2.0 =
    52 Soon
     52* 10 and 16 columns available

  • sc-gridsystem/trunk/sass/sc-gridsystem.scss

    r1159965 r1693924  
    22 * -------------------------------------------------------
    33 * Project: Sergio Costa GridSystem with ShortCode
    4  * Version: 1.0.0
     4 * Version: 2.0.0
    55 *
    66 * Author:  Sergio Costa
    7  * URL:     http://sergiocosta.net.br
     7 * URL:     http://republicainterativa.com.br
    88 * Contact: sergio.costa@outlook.com
    99 *
    1010 *-------------------------------------------------------- */
    1111
    12 // column size
     12// column sizes
     13$sc-gs-size-g10: 10%;
    1314$sc-gs-size-g12: 8.33333333%;
     15$sc-gs-size-g16: 6.25%;
    1416
    1517// global grid rules
    … …  
    2123
    2224// define how big the columns are
     25@function sc-gs-size-g10($n) {
     26    @return $n * $sc-gs-size-g10;
     27}
    2328@function sc-gs-size-g12($n) {
    24     @return $n * $sc-gs-size-g12;
     29    @return $n * $sc-gs-size-g12;
     30}
     31@function sc-gs-size-g16($n) {
     32    @return $n * $sc-gs-size-g16;
    2533}
    2634
    2735// outputs css for the columns
     36@for $i from 1 through 10 {
     37    .sc-gs-10-#{$i} {
     38        width: sc-gs-size-g10($i);
     39    }
     40}
    2841@for $i from 1 through 12 {
    29     .sc-gs-#{$i} {
     42    .sc-gs-12-#{$i} {
    3043        width: sc-gs-size-g12($i);
     44    }
     45}
     46@for $i from 1 through 16 {
     47    .sc-gs-16-#{$i} {
     48        width: sc-gs-size-g16($i);
    3149    }
    3250}
    … …  
    3452// outputs responsive css
    3553@media only screen and (max-width: 767px) {
    36     @for $i from 1 through 12 {
    37         .sc-gs-#{$i} {
    38             width: 100%;
    39         }
     54    .sc-gs-col {
     55        width: 100% !important;
    4056    }
    4157}

  • sc-gridsystem/trunk/src/Gruntfile.js

    r1159963 r1693924  
    44//
    55// Author:  Sergio Costa
    6 // URL:     http://www.sergiocosta.net.br
     6// URL:     http://www.republicainterativa.com.br
    77// Contact: sergio.costa@outlook.com
    88// -------------------------------------------------------
    … …  
    3737                    "<%= dirs.sass %>/{,*/}*.{scss,sass}"
    3838                ],
    39                 tasks: ["compass", "notify:compass"]
     39                tasks: ["compass"]
    4040            }
    4141        },
    … …  
    4848                    sassDir: '../sass',
    4949                    cssDir: '../css',
    50                     environment: "development",
     50                    environment: "production",
    5151                    outputStyle: "compressed",
    5252                    force: true,
    … …  
    5454                }
    5555            }
    56         },
    57 
    58         // Notify
    59         // Para instalar na pasta src do projeto: $ npm install grunt-notify --save-dev
    60         notify: {
    61           compass: {
    62             options: {
    63               title: "SASS - <%= pkg.title %>",
    64               message: "Compilado e minificado com sucesso!"
    65             }
    66           }
    6756        },
    6857

  • sc-gridsystem/trunk/src/config.rb

    r1159963 r1693924  
    66sass_dir = "../sass"
    77
    8 environment = :development
     8environment = :production
    99output_style = :compressed
    1010

  • sc-gridsystem/trunk/src/package.json

    r1159965 r1693924  
    99  "repository": {
    1010    "type": "git",
    11     "url": "https://github.com/zergiocosta/SC-GridSystem"
     11    "url": "https://github.com/republicainterativa/SC-GridSystem"
    1212  },
    1313  "keywords": [
    … …  
    2222    "grunt-contrib-compass": "^0.8.0",
    2323    "grunt-contrib-watch": "^0.6.1",
    24     "grunt-notify": "^0.3.0",
    2524    "matchdep": "^0.3.0"
    2625  }
Note: See TracChangeset for help on using the changeset viewer.