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