adding styles for the top bar menu, next to social media

setting styles for the topbar menu styles for the social media menu

diff --git a/assets/stylesheets/glm-dev.css b/assets/stylesheets/glm-dev.css
index b9d0f88..a05d18a 100644 (file)
--- a/assets/stylesheets/glm-dev.css
+++ b/assets/stylesheets/glm-dev.css
@@ -1,3 +1,3 @@
-.top-menu-left .top-bar .top-bar-section ul.dropdown.menu .menu-item a{padding:.5rem 1rem}
+.top-menu-left{height:28px}.top-menu-left .top-bar{height:28px;padding:0;float:right;background-color:#156c96}.top-menu-left .top-bar .top-bar-section ul.dropdown.menu .menu-item a{padding:.55rem 9px;font-size:11px;color:#74a8c1;background-color:#156c96}.top-menu-left .top-bar .top-bar-section ul.dropdown.menu .menu-item a:hover{background-color:#74a8c1;color:#fff}
 
 /*# sourceMappingURL=glm-dev.css.map */

diff --git a/assets/stylesheets/glm-dev.css.map b/assets/stylesheets/glm-dev.css.map
index b492567..54e8d52 100644 (file)
--- a/assets/stylesheets/glm-dev.css.map
+++ b/assets/stylesheets/glm-dev.css.map
@@ -1 +1 @@
-{"version":3,"file":"glm-dev.css","sources":["glm-dev.scss","_header.scss","_body.scss","_footer.scss"],"sourcesContent":["@import 'header';\n@import 'body';\n@import 'footer';",".top-menu-left{\n    .top-bar{\n        .top-bar-section{\n            ul.dropdown.menu{\n                .menu-item{\n                    a{\n                        padding: .5rem 1rem;\n                    }\n                }\n            }\n        }\n    }\n}","",""],"mappings":"ACAA,AAKoB,cALN,CACV,QAAQ,CACJ,gBAAgB,CACZ,EAAE,AAAA,SAAS,AAAA,KAAK,CACZ,UAAU,CACN,CAAC,AAAA,CACG,OAAO,CAAE,UAAW,CACvB","names":[]}
\ No newline at end of file
+{"version":3,"file":"glm-dev.css","sources":["glm-dev.scss","_global-settings.scss","_header.scss","_body.scss","_footer.scss"],"sourcesContent":["@import 'global-settings';\n@import 'header';\n@import 'body';\n@import 'footer';","$l-blue: #74a8c1;\n$blue: #156c96;\n$white: white;",".top-menu-left{\n    height: 28px;\n    .top-bar{\n        height: 28px;\n        padding: 0;\n        float: right;\n        background-color: $blue;\n        .top-bar-section{\n            ul.dropdown.menu{\n                .menu-item{\n                    a{\n                        padding: .55rem 9px;\n                        font-size: 11px;\n                        color: $l-blue;\n                        background-color: $blue;\n                        &:hover{\n                            background-color: $l-blue;\n                            color: $white;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}","",""],"mappings":"AEAA,AAAA,cAAc,AAAA,CACV,MAAM,CAAE,IAAK,CAuBhB,AAxBD,AAEI,cAFU,CAEV,QAAQ,AAAA,CACJ,MAAM,CAAE,IAAK,CACb,OAAO,CAAE,CAAE,CACX,KAAK,CAAE,KAAM,CACb,gBAAgB,CDLjB,OAAO,CCsBT,AAvBL,AAUoB,cAVN,CAEV,QAAQ,CAKJ,gBAAgB,CACZ,EAAE,AAAA,SAAS,AAAA,KAAK,CACZ,UAAU,CACN,CAAC,AAAA,CACG,OAAO,CAAE,UAAW,CACpB,SAAS,CAAE,IAAK,CAChB,KAAK,CDbpB,OAAO,CCcQ,gBAAgB,CDbjC,OAAO,CCkBO,AAnBrB,AAUoB,cAVN,CAEV,QAAQ,CAKJ,gBAAgB,CACZ,EAAE,AAAA,SAAS,AAAA,KAAK,CACZ,UAAU,CACN,CAAC,AAKI,MAAM,AAAA,CACH,gBAAgB,CDhBnC,OAAO,CCiBY,KAAK,CDfzB,IAAK,CCgBY","names":[]}
\ No newline at end of file

diff --git a/glm-dev/scss/_global-settings.scss b/glm-dev/scss/_global-settings.scss
new file mode 100644 (file)
index 0000000..12c5bb8
--- /dev/null
+++ b/glm-dev/scss/_global-settings.scss
@@ -0,0 +1,3 @@
+$l-blue: #74a8c1;
+$blue: #156c96;
+$white: white;
\ No newline at end of file

diff --git a/glm-dev/scss/_header.scss b/glm-dev/scss/_header.scss
index d33e44b..2820b53 100644 (file)
--- a/glm-dev/scss/_header.scss
+++ b/glm-dev/scss/_header.scss
@@ -1,10 +1,22 @@
 .top-menu-left{
+    height: 28px;
     .top-bar{
+        height: 28px;
+        padding: 0;
+        float: right;
+        background-color: $blue;
         .top-bar-section{
             ul.dropdown.menu{
                 .menu-item{
                     a{
-                        padding: .5rem 1rem;
+                        padding: .55rem 9px;
+                        font-size: 11px;
+                        color: $l-blue;
+                        background-color: $blue;
+                        &:hover{
+                            background-color: $l-blue;
+                            color: $white;
+                        }
                     }
                 }
             }

diff --git a/glm-dev/scss/glm-dev.scss b/glm-dev/scss/glm-dev.scss
index 42a8abb..e25990a 100644 (file)
--- a/glm-dev/scss/glm-dev.scss
+++ b/glm-dev/scss/glm-dev.scss
@@ -1,3 +1,4 @@
+@import 'global-settings';
 @import 'header';
 @import 'body';
 @import 'footer';
\ No newline at end of file