Code layout change.

[wolnelektury.git] / src / wolnelektury / static / scss / main / auth.scss

diff --git a/src/wolnelektury/static/scss/main/auth.scss b/src/wolnelektury/static/scss/main/auth.scss
new file mode 100755 (executable)
index 0000000..793afe4
--- /dev/null
+++ b/src/wolnelektury/static/scss/main/auth.scss
@@ -0,0 +1,47 @@
+.email_list {
+    .verified {
+        display: inline-block;
+        margin-left: 2em;
+        font-style: italic;
+    }
+    .unverified {
+        display: inline-block;
+        margin-left: 2em;
+        color: #717171;
+        font-style: italic;
+    }
+    .primary {
+        display: inline-block;
+        margin-left: 2em;
+        font-weight: bold;
+    }
+}
+
+.socialaccount_provider {
+    display: inline-block;
+    background-repeat: no-repeat;
+    color: transparent;
+    
+    @include size(height, 40px);
+    @include size(width, 40px);
+    vertical-align: middle;
+
+    &.google {
+        background-image: url(/static/img/auth/google.png);
+    }
+    &.facebook {
+        background-image: url(/static/img/auth/facebook.png);
+    }
+}
+
+
+.socialaccount_providers {
+    @include size(margin, 10px 0);
+    padding: 0;
+
+    li {
+        display: inline;
+        list-style: none;
+        @include size(margin-right, 10px);
+    }
+}