lib/generators/tmatt_cms/templates/css/style.css.scss in tmatt_cms-0.1.2 vs lib/generators/tmatt_cms/templates/css/style.css.scss in tmatt_cms-0.1.3

- old
+ new

@@ -35,10 +35,44 @@ margin-bottom: $gutter/2.5; .fa { margin-right: 5px; } } } +ul, li { + padding: 0; + margin: 0; + list-style: none; +} + +ol, ul { + margin-top: 0; + margin-bottom: 10px; +} + + +ul, menu, dir { + display: block; + list-style-type: disc; + -webkit-margin-before: 1rem; + -webkit-margin-after: 1rem; + -webkit-margin-start: 0; + -webkit-margin-end: 0; + -webkit-padding-start: 0; +} + +a, a:hover { + outline: none; + text-decoration: none; + color: currentColor; +} + +a:visited, a:hover, a:active, a:focus { + text-decoration: none; + outline: none; + color: currentColor; +} + hr { margin: $gutter 0; border-top: 1px solid $light-gray; } @@ -46,41 +80,130 @@ abbr[title] { border: 0; } .block { display:block; } .inline-block { display:inline-block; } .relative { position:relative; } + + .m-c { margin:0 !important; } + .m-a { margin:0 auto !important; } +.m-1-a { margin:$gutter auto !important; } +.m-2-a { margin:$gutter*2 auto !important; } +.m-3-a { margin:$gutter*3 auto !important; } .m-4-a { margin: $gutter*4 auto !important; } +.m-5-a { margin: $gutter*5 auto !important; } +.m-1_2-a { margin:$gutter/2 auto !important; } +.m-1_3-a { margin:$gutter/3 auto !important; } +.m-1_4-a { margin:$gutter/4 auto !important; } +.m-3_4-a { margin:$gutter*3/4 auto !important; } + .m-b { margin-bottom: $gutter !important; } +.m-b-2 { margin-bottom: $gutter*2 !important; } +.m-b-3 { margin-bottom: $gutter*3 !important; } +.m-b-4 { margin-bottom: $gutter*4 !important; } +.m-b-5 { margin-bottom: $gutter*5 !important; } .m-b-1_2 { margin-bottom: $gutter/2 !important; } +.m-b-1_3 { margin-bottom: $gutter*1/3 !important; } .m-b-1_4 { margin-bottom: $gutter/4 !important; } +.m-b-3_4 { margin-bottom: $gutter*3/4 !important; } .m-b-c { margin-bottom:0 !important; } -.m-t-1_2 { margin-top: $gutter/2; } -.padd { padding: $gutter;} -.padd-1_2 { padding: $gutter/2;} -.padd-2 { padding: $gutter*2;} +.m-t { margin-top: $gutter !important; } +.m-t-2 { margin-top: $gutter*2 !important; } +.m-t-3 { margin-top: $gutter*3 !important; } +.m-t-4 { margin-top: $gutter*4 !important; } +.m-t-5 { margin-top: $gutter*5 !important; } +.m-t-1_2 { margin-top: $gutter/2 !important; } +.m-t-1_3 { margin-top: $gutter*1/3 !important; } +.m-t-1_4 { margin-top: $gutter/4 !important; } +.m-t-3_4 { margin-top: $gutter*3/4 !important; } +.m-t-c { margin-top:0 !important; } + + +.padd { padding: $gutter; } +.padd-2 { padding: $gutter*2; } +.padd-3 { padding: $gutter*3; } +.padd-4 { padding: $gutter*4; } +.padd-5 { padding: $gutter*5; } +.padd-1_2 { padding: $gutter/2; } +.padd-1_3 { padding: $gutter/3; } +.padd-1_4 { padding: $gutter/4; } +.padd-3_4 { padding: $gutter*3/4; } +.padd-c { padding: 0; } + .padd-side { padding: 0 $gutter;} -.padd-side-c { padding-left: 0 !important; padding-right: 0 !important; } -.padd-side-1_2 { padding: 0 $gutter/2; } -.padd-side-3_4 { padding: 0 $gutter/4*3; } .padd-side-2 { padding: 0 $gutter*2; } .padd-side-3 { padding: 0 $gutter*3; } +.padd-side-4 { padding: 0 $gutter*4; } +.padd-side-5 { padding: 0 $gutter*5; } +.padd-side-1_2 { padding: 0 $gutter/2; } +.padd-side-1_3 { padding: 0 $gutter/3; } +.padd-side-1_4 { padding: 0 $gutter/4; } +.padd-side-3_4 { padding: 0 $gutter*3/4; } +.padd-side-c { padding-left: 0; padding-right: 0; } + +.padd-l { padding-left: $gutter; } +.padd-l-2 { padding-left: $gutter*2; } .padd-l-3 { padding-left: $gutter*3; } +.padd-l-4 { padding-left: $gutter*4; } +.padd-l-5 { padding-left: $gutter*5; } +.padd-l-1_2 { padding-left: $gutter/2; } +.padd-l-1_3 { padding-left: $gutter/3; } +.padd-l-1_4 { padding-left: $gutter/4; } +.padd-l-3_4 { padding-left: $gutter*3/4; } +.padd-l-c { padding-left: 0; } + +.padd-r { padding-right: $gutter; } +.padd-r-2 { padding-right: $gutter*2; } +.padd-r-3 { padding-right: $gutter*3; } +.padd-r-4 { padding-right: $gutter*4; } +.padd-r-5 { padding-right: $gutter*5; } +.padd-r-1_2 { padding-right: $gutter/2; } +.padd-r-1_3 { padding-right: $gutter/3; } +.padd-r-1_4 { padding-right: $gutter/4; } +.padd-r-3_4 { padding-right: $gutter*3/4; } +.padd-r-c { padding-right: 0; } + .padd-t { padding-top: $gutter; } -.padd-t-1_2 { padding-top: $gutter/2; } +.padd-t-2 { padding-top: $gutter*2; } .padd-t-3 { padding-top: $gutter*3; } +.padd-t-4 { padding-top: $gutter*4; } +.padd-t-5 { padding-top: $gutter*5; } +.padd-t-1_2 { padding-top: $gutter/2; } +.padd-t-1_3 { padding-top: $gutter/3; } +.padd-t-1_4 { padding-top: $gutter/4; } +.padd-t-3_4 { padding-top: $gutter*3/4; } +.padd-t-c { padding-top: 0; } + .padd-b { padding-bottom: $gutter; } -.padd-b-1_2 { padding-bottom: $gutter/2; } -.padd-b-1_4 { padding-bottom: $gutter/4; } .padd-b-2 { padding-bottom: $gutter*2; } +.padd-b-3 { padding-bottom: $gutter*3; } +.padd-b-4 { padding-bottom: $gutter*4; } .padd-b-5 { padding-bottom: $gutter*5; } -.padd-t-b-c { padding-top: 0 !important; padding-bottom: 0 !important; } +.padd-b-1_2 { padding-bottom: $gutter/2; } +.padd-b-1_3 { padding-bottom: $gutter/3; } +.padd-b-1_4 { padding-bottom: $gutter/4; } +.padd-b-3_4 { padding-bottom: $gutter*3/4; } +.padd-b-c { padding-bottom: 0; } + +.padd-t-b { padding: $gutter 0; } +.padd-t-b-2 { padding: $gutter*2 0; } .padd-t-b-3 { padding: $gutter*3 0; } +.padd-t-b-4 { padding: $gutter*4 0; } .padd-t-b-5 { padding: $gutter*5 0; } +.padd-t-b-1_2 { padding: $gutter/2 0; } +.padd-t-b-1_3 { padding: $gutter/3 0; } +.padd-t-b-1_4 { padding: $gutter/4 0; } +.padd-t-b-3_4 { padding: $gutter*3/4 0; } +.padd-t-b-c { padding-top: 0; padding-bottom: 0; } +.btn_padding_mid { + padding: $gutter/4 $gutter*2; + @extend .font-medium; +} + .bordered { border:0.1rem solid #ddd; } .caps { text-transform: uppercase; } .font-light { font-weight: 300; } .font-normal { font-weight:normal !important; } @@ -128,17 +251,23 @@ .font-2xlarge { font-size:2.8rem !important; } .font-3xlarge { font-size:3.6rem !important; } .font-4xlarge { font-size:5.0rem !important; } .font-5xlarge { font-size:6.0rem !important; } +.font-light { font-weight: 100; } +.font-300 { font-weight: 300; } +.font-bold { font-weight: 700; } +.font-italic { font-style: italic; } + .text-primary { color: $blue !important; } .text-danger { color: $red !important; } .text-white { color: $white !important; } .text-black { color: $black !important; } .text-orange { color: $orange !important; } .text-blue { color: $blue !important; } +.text-grey { color: $gray; } .pull-none { float: none; } .media > .pull-left { margin-right: $gutter*2; } .media > .pull-right { margin-left: $gutter*2; } @@ -198,45 +327,19 @@ .cover-image { background-repeat: no-repeat;background-size: cover; } -.sccsa_link:hover, .sccsa_link.active { - color: $blue !important; - border-bottom: 0.2rem solid $blue; - text-decoration: none; +.fa-lg { + font-size: 1.3333333333em; + line-height: 0.75em; + vertical-align: -15%; } - -ul, li { - padding: 0; - margin: 0; - list-style: none; -} - -ol, ul { - margin-top: 0; - margin-bottom: 10px; -} - - -ul, menu, dir { - display: block; - list-style-type: disc; - -webkit-margin-before: 1rem; - -webkit-margin-after: 1rem; - -webkit-margin-start: 0; - -webkit-margin-end: 0; - -webkit-padding-start: 0; -} - -a, a:hover { - outline: none; - text-decoration: none; - color: currentColor; -} - -a:visited, a:hover, a:active, a:focus { - text-decoration: none; - outline: none; - color: currentColor; +.fa { + display: inline-block; + font: normal normal normal 1.4rem/1 FontAwesome; + font-size: inherit; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } \ No newline at end of file