Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Converte stylsheet da aplicação pra SCSS

  • Loading branch information...
commit fcc09e10f906f5a9e687ae7686dac2360feefdcf 1 parent 295b587
@elomar authored
Showing with 116 additions and 107 deletions.
  1. +0 −107 app/assets/stylesheets/layout.css
  2. +116 −0 app/assets/stylesheets/layout.css.scss
View
107 app/assets/stylesheets/layout.css
@@ -1,107 +0,0 @@
-.container {
- width: 710px;
-}
-
-body {
- background: #cff;
-}
-
-header {
- padding-top: 20px;
-}
-
-header img {
- padding: 1em;
- background: white;
-}
-
-section {
- margin-top: 1em;
- font-size: 120%;
- padding: 20px;
- background: white;
-}
-
-section h1 {
- font-size: 200%;
-}
-
-/* Links */
-
-a {
- color: #09c;
- text-decoration: none;
-}
-
-a:hover {
- color: #069;
- text-decoration: underline;
-}
-
-a:visited {
- color: #069;
-}
-
-/* Navegação */
-
-nav {
- float: right;
- background-color: white;
- padding: 0 0.7em;
- white-space: nowrap;
-}
-
-nav ul {
- margin: 0;
- padding: 0;
-}
-
-nav ul li {
- list-style-type: none;
- display: inline-block;
- padding: 0.2em 0;
-}
-
-nav ul li a {
- padding: 0 5px;
- font-weight: bold;
-}
-
-nav ul li a:visited {
- color: #09c;
-}
-
-nav ul li a:hover {
- text-decoration: underline;
-}
-
-a.signup_button {
- margin-left: auto;
- margin-right: auto;
- display: block;
- text-align: center;
- width: 190px;
- color: white;
- background: #006400;
- font-size: 150%;
- font-weight: bold;
- padding: 20px;
-}
-
-.round {
- -moz-border-radius: 10px;
- -webkit-border-radius: 10px;
- border-radius: 10px;
-}
-
-footer {
- text-align: center;
- margin-top: 10px;
- width: 710px;
- margin-left: auto;
- margin-right: auto;
-}
-
-footer nav {
- float: none;
-}
View
116 app/assets/stylesheets/layout.css.scss
@@ -0,0 +1,116 @@
+$largura: 710px;
+$cor-background: #cff;
+$cor-link: #09c;
+$cor-link-visitado: #069;
+
+.container {
+ width: $largura;
+}
+
+body {
+ background: $cor-background;
+}
+
+header {
+ padding-top: 20px;
+
+ img {
+ padding: 1em;
+ background: white;
+ }
+}
+
+section {
+ margin-top: 1em;
+ font-size: 120%;
+ padding: 20px;
+ background: white;
+
+ h1 {
+ font-size: 200%;
+ }
+}
+
+/* Links */
+
+a {
+ color: $cor-link;
+ text-decoration: none;
+
+ &:hover {
+ color: $cor-link-visitado;
+ text-decoration: underline;
+ }
+
+ &:visited {
+ color: $cor-link-visitado;
+ }
+}
+
+/* Navegação */
+
+nav {
+ float: right;
+ cor-background: white;
+ padding: 0 0.7em;
+ white-space: nowrap;
+
+ ul {
+ margin: 0;
+ padding: 0;
+
+ li {
+ list-style-type: none;
+ display: inline-block;
+ padding: 0.2em 0;
+
+ a {
+ padding: 0 5px;
+ font-weight: bold;
+
+ &:visited {
+ color: $cor-link;
+ }
+
+ &:hover {
+ text-decoration: underline;
+ }
+ }
+ }
+ }
+}
+
+/* Botão de criar conta*/
+
+a.signup_button {
+ margin-left: auto;
+ margin-right: auto;
+ display: block;
+ text-align: center;
+ width: 190px;
+ color: white;
+ background: #006400;
+ font-size: 150%;
+ font-weight: bold;
+ padding: 20px;
+}
+
+/* Cantos arredondados */
+
+.round {
+ -moz-border-radius: 10px;
+ -webkit-border-radius: 10px;
+ border-radius: 10px;
+}
+
+footer {
+ text-align: center;
+ margin-top: 10px;
+ width: $largura;
+ margin-left: auto;
+ margin-right: auto;
+
+ nav {
+ float: none;
+ }
+}
Please sign in to comment.
Something went wrong with that request. Please try again.