Просмотр исходного кода

Change font-weight (theme), .tag padding & aside list images

soyjavi 13 лет назад
Родитель
Сommit
41dda4a523

+ 9 - 1
src/stylesheets/lungo.layout.list.styl

@@ -38,10 +38,15 @@
       margin-right: LIST_PADDING_HORIZONTAL
 
     &:not(.thumb)
-      & img, & .icon
+      section & img, section & .icon
         width: S = 34px
         height: S
         font-size: 2.6em
+      aside & img, aside & .icon
+        width: S = 18px
+        height: S
+        font-size: 1.3em
+
     &.thumb
       & img, & .icon
         margin-top: -(LIST_PADDING)
@@ -87,3 +92,6 @@
 
   &.indented li:not(:last-child)
     margin-bottom: 10px
+
+
+

+ 6 - 18
src/stylesheets/lungo.widget.styl

@@ -37,7 +37,6 @@
   &.right
     float: right
 
-
 /* ================================  SCROLL  ================================ */
 .overthrow-enabled .overthrow
   overflow: auto
@@ -67,14 +66,6 @@
 
 /* ================================  TEXT  ================================ */
 .text
-  &.thin
-    font-weight: 300
-  &.normal
-    font-weight: 400
-  &.bold
-    font-weight: 600
-  &.extra-bold
-    font-weight: 700
   &.italic
     font-style: italic
   &.underline
@@ -101,19 +92,16 @@
 
 /* ================================  TAG  ================================ */
 .tag
-  display: inline-block
-  padding: 0px 3px
+  padding: 0 0.5em
   font-size: FONT_SIZE_TINY
-  line-height: (FONT_SIZE_LARGE / 1.1)
-  height: FONT_SIZE_LARGE
+  line-height: inherit
   text-align: center
-  min-width: 16px
   z-index: 1
 
-size = 5px
-.margin
-  &.bottom
-    margin-bottom: size
+// size = 5px
+// .margin
+//   &.bottom
+//     margin-bottom: size
 
 
 /* ================================  .LAYOUT  ================================ */

+ 9 - 1
src/stylesheets/theme/theme.base.styl

@@ -7,7 +7,7 @@
  * @author Javier Jimenez Villar <javi@tapquo.com> || @soyjavi
  */
 
-@import url("http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700")
+@import url("http://fonts.googleapis.com/css?family=Open+Sans:300,400,700")
 
 body
   background-color: #000
@@ -18,6 +18,14 @@ body
   line-height: 1.3em
   letter-spacing: -0.05em
 
+  & .text
+    &.thin
+      font-weight: 300
+    &.normal
+      font-weight: 400
+    &.bold
+      font-weight: 700
+
   & .theme
     background-color: THEME-light
     &:active