Inicio Explorar Axuda
Iniciar sesión
pwa
/
Lungo.js
réplica de https://github.com/tapquo/Lungo.js.git
2
0
Fork 0
Ficheiros Incidencias 0 Wiki
Explorar o código

Merge branch 'master' of https://github.com/tapquo/Lungo.js

* 'master' of https://github.com/tapquo/Lungo.js:
  Fixed typo on theme
  Notification stylesheets
  Changes on list
piniphone %!s(int64=13) %!d(string=hai) anos
pai
084598a8a1 7da7f16131
achega
925d67d44c
Modificáronse 11 ficheiros con 40 adicións e 37 borrados
Dividir vista Mostrar estatísticas de Diff
  1. 0 1
      example/index.html
  2. 1 1
      src/modules/Lungo.Notification.coffee
  3. 2 2
      src/stylesheets/lungo.base.styl
  4. 1 0
      src/stylesheets/lungo.layout.list.styl
  5. 1 1
      src/stylesheets/lungo.layout.styl
  6. 7 8
      src/stylesheets/lungo.widget.notification.styl
  7. 1 0
      src/stylesheets/lungo.widget.styl
  8. 2 2
      src/stylesheets/theme/theme.base.styl
  9. 4 0
      src/stylesheets/theme/theme.layout.list.styl
  10. 1 1
      src/stylesheets/theme/theme.layout.styl
  11. 20 21
      src/stylesheets/theme/theme.widget.notification.styl

+ 0 - 1
example/index.html
Ver ficheiro 

@@ -53,7 +53,6 @@
 
 </head>
 
 
 <body>
 
-
 
     <section id="main" data-transition="slide" data-aside="features" class="drag">
 
         <header>
 
             <nav>

+ 1 - 1
src/modules/Lungo.Notification.coffee
Ver ficheiro 

@@ -87,7 +87,7 @@ Lungo.Notification = do(lng = Lungo) ->
 
   ###
 
   html = (markup, button, style, seconds) ->
 
     if button
 
-      markup += "<a href=\"#\" class=\"button large anchor\" data-action=\"close\">" + button + "</a>"
 
+      markup += """<button class="anchor" data-action="close">#{button}</button>"""
 
     _show markup, "html #{style}"
 
     _hide seconds

+ 2 - 2
src/stylesheets/lungo.base.styl
Ver ficheiro 

@@ -131,8 +131,8 @@ img
 
   vertical-align: middle
 
   font-size: 0
 
 
-strong
 
-  font-weight: bold
 
+// strong
 
+//   font-weight: 600
 
 
 table
 
   border-collapse: collapse

+ 1 - 0
src/stylesheets/lungo.layout.list.styl
Ver ficheiro 

@@ -87,6 +87,7 @@
 
     & .on-right.tag
 
       padding-left: SIZE = 0.4em
 
       padding-right: SIZE
 
+      text-shadow: none
 
 
   & .on-right, small
 
     & .icon

+ 1 - 1
src/stylesheets/lungo.layout.styl
Ver ficheiro 

@@ -49,7 +49,7 @@ body
 
       & > .title
 
         z-index: -1
 
         float: left
 
-        font-size: 1.21em
 
+        font-size: FONT_SIZE_BIG
 
         box-flex(1)
 
         &.centered
 
           position: absolute

+ 7 - 8
src/stylesheets/lungo.widget.notification.styl
Ver ficheiro 

@@ -80,20 +80,19 @@ WINDOW_WIDTH = 280px
 
       & > .icon
 
         font-size: 5em
 
         line-height: 1.0em
 
-      & > strong
 
-        font-size: 1.1em
 
       & > small
 
         font-size: FONT_SIZE_SMALL
 
-        padding-top: 0.25em
 
         padding-bottom: 1em
 
+      & > .icon, > strong
 
+        padding-bottom: 0.25em
 
       & > strong, > small
 
-        padding-left: 0.25em
 
-        padding-right: 0.25em
 
+        padding-left: 0.5em
 
+        padding-right: 0.5em
 
 
     &.html .title
 
       height: HEADER_HEIGHT
 
       line-height: HEADER_HEIGHT
 
-      font-size: FONT_SIZE_LARGE
 
+      font-size: FONT_SIZE_BIG
 
 
     &.push
 
       HEIGHT = (HEADER_HEIGHT / 1.5)
 
@@ -114,11 +113,11 @@ WINDOW_WIDTH = 280px
 
         margin-right: 0.5em
 
         font-size: FONT_SIZE_LARGE
 
 
-    & button, & .button
 
+    & button
 
       display: block
 
       margin-bottom: 1px
 
       width: inherit
 
-      line-height: 3em
 
+      line-height: 2.5em
 
       border: none
 
       font-size: FONT_SIZE_BIG

+ 1 - 0
src/stylesheets/lungo.widget.styl
Ver ficheiro 

@@ -17,6 +17,7 @@
 
 .inline-block
 
   display: inline-block
 
 
+INDENT = (INDENT / 1.5)
 
 .indented > *
 
   padding: INDENT
 
 .margined > *

+ 2 - 2
src/stylesheets/theme/theme.base.styl
Ver ficheiro 

@@ -12,8 +12,8 @@
 
 body
 
   background-color: #000
 
   color: COLOR
 
-  font: 16px/1.25 "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
 
-  font-weight: 300
 
+  font: 16px/1.25  "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
 
+  font-weight: bold
 
   letter-spacing: -0.05em
 
 
   & .text

+ 4 - 0
src/stylesheets/theme/theme.layout.list.styl
Ver ficheiro 

@@ -10,6 +10,7 @@
 
 .list
 
   section & li
 
     background: #fff
 
+    font-weight: 300
 
     &:not(.anchor)
 
       border-bottom: inset 1px LIST_border
 
     &.color
 
@@ -39,6 +40,9 @@
 
       & small, & .on-right:not(.tag)
 
         color: lighten(TEXT, 50%)
 
 
+      & .on-right
 
+        font-weight: 400
 
+
 
     &:not(.big) img
 
       border-radius BORDER_radius

+ 1 - 1
src/stylesheets/theme/theme.layout.styl
Ver ficheiro 

@@ -40,7 +40,7 @@ body > section
 
 body > aside
 
   background-color: darken(ASIDE, 10%)
 
   color: WHITE
 
-  box-shadow: 6px 0 darken(ASIDE, 10%)
 
+  box-shadow 0 0 0 6px darken(ASIDE, 10%)
 
   & > header, & > footer
 
     background-color: ASIDE

+ 20 - 21
src/stylesheets/theme/theme.widget.notification.styl
Ver ficheiro 

@@ -8,40 +8,41 @@
 
  */
 
 
 /* -------------------------- NOTIFICATION -------------------------- */
 
+
 
 .notification
 
   color: #fff
 
   &:not(.push)
 
-    background-color: rgba(0,0,0,0.6)
 
+    background-color: rgba(0,0,0,0.5)
 
   & .window
 
-    &:not(.push):not(.growl)
 
-      border-radius FORM_border_radius FORM_border_radius 0 0
 
+    box-shadow 0 0 0 3px rgba(0,0,0,0.1)
 
     &.growl
 
-      border-radius BORDER_radius
 
       background-color: rgba(0,0,0,0.8)
 
       & strong
 
         color: darken(#fff, 25%)
 
         font-weight: 700
 
 
-    &:not(.growl)
 
-      box-shadow 0 0 1em lighten(COLOR, 10%)
 
-
 
     &.confirm, &.html
 
-      & button, .button
 
+      & button
 
         background-color: #fff
 
-        color: THEME
 
-
 
+        color: darken(COLOR, 75%)
 
         font-weight: 400
 
-    &.html
 
-      background-color: lighten(COLOR, 95%)
 
-      color: lighten(COLOR, 25%)
 
+        &[data-callback=cancel], &[data-action=close]
 
+          color: DANGER
 
+
 
+    &.html, &.confirm
 
+      background-color: COLOR
 
+      color: TEXT
 
 
     &.confirm
 
-      background-color: THEME
 
-      & > small
 
-        color: lighten(THEME, 75%)
 
+      & > small, > .icon
 
+        color: lighten(TEXT, 50%)
 
+
 
+      & > button
 
+        &:nth-child(1)
 
+          color: DANGER !important
 
 
     &.error, &.success
 
-      background-color: COLOR
 
+      background-color: rgba(0,0,0,0.8)
 
       border-bottom: solid 0.4em
 
       color: #fff
 
       & small
 
@@ -60,12 +61,10 @@
 
       & .title
 
         background-color: THEME
 
         color: #fff
 
-        border-radius BORDER_radius BORDER_radius 0 0
 
 
     &.push
 
       background-color: COLOR
 
       box-shadow: inset 0 -0.1em #000
 
 
-    & button, & .button
 
-      &:last-child
 
-        border-radius00 FORM_border_radius FORM_border_radius
 
+    & small
 
+      font-weight: 300