CipherLabs
/
blockscout
mirror of https://github.com/blockscout/blockscout
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

No longer using any of these files

Browse Source
pull/203/head
katibest 7 years ago
parent bb174400f6
commit a7d199c9c3
14 changed files with 6 additions and 394 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 8
      apps/explorer_web/assets/css/app.scss
  2. 4
      apps/explorer_web/assets/css/components/_all.scss
  3. 36
      apps/explorer_web/assets/css/components/_block.scss
  4. 4
      apps/explorer_web/assets/css/components/_footer.scss
  5. 55
      apps/explorer_web/assets/css/components/_section.scss
  6. 47
      apps/explorer_web/assets/css/components/_transaction_log.scss
  7. 4
      apps/explorer_web/assets/css/explorer/_all.scss
  8. 98
      apps/explorer_web/assets/css/explorer/_button.scss
  9. 51
      apps/explorer_web/assets/css/explorer/_color.scss
  10. 4
      apps/explorer_web/assets/css/explorer/_filter.scss
  11. 19
      apps/explorer_web/assets/css/explorer/_header.scss
  12. 17
      apps/explorer_web/assets/css/explorer/_open_sans.scss
  13. 25
      apps/explorer_web/assets/css/explorer/_table.scss
  14. 28
      apps/explorer_web/assets/css/explorer/_typography.scss

8
apps/explorer_web/assets/css/app.scss
Unescape View File

@ -1,5 +1,4 @@
@import "explorer/all";
@import "components/all";
/* Phoenix flash messages */
.alert:empty { display: none; }
@ -43,9 +42,10 @@ $fa-font-path: "~@fortawesome/fontawesome-free/webfonts";
@import "components/dot";
@import "components/pagination";
@import "components/address_link";
@import "explorer/button";
@import "explorer/filter";
@import "explorer/table";
@import "components/footer";
@import "components/filter";
@import "components/button";
@import "components/table";
@import "tooltip";
:export {

4
apps/explorer_web/assets/css/components/_all.scss
Unescape View File

@ -1,4 +0,0 @@
@import "section";
@import "address";
@import "block";
@import "footer";

36
apps/explorer_web/assets/css/components/_block.scss
Unescape View File

@ -1,36 +0,0 @@
.block {
&__container { @extend %paper; }
&__header { @extend %section-header; }
&__heading { @extend %section-header__heading; }
&__subheading { @extend %section-header__subheading; }
&__tabs { @extend %section-tabs; }
&__tab {
@extend %section-tabs__tab;
&--active { @extend %section-tabs__tab--active; }
}
&__attributes { padding: explorer-size(-1) explorer-size(1); }
&__column { @include explorer-typography("body1"); }
&__item { @extend %section-list__item; }
&__item-key { @extend %section-list__item-key; }
&__item-value { @extend %section-list__item-value; }
&__link { color: explorer-color("blue", "500"); }
}
@media (min-width: $explorer-breakpoint-lg) {
.block {
&__attributes {
display: flex;
align-items: top;
justify-content: top;
}
&__column {
width: explorer-size(1);
flex: 1;
margin-right: explorer-size(1);
& + & { margin-left: explorer-size(1); }
}
}
}

4
apps/explorer_web/assets/css/components/_footer.scss
Unescape View File

@ -2,8 +2,8 @@
font-size: 12px;
display: block;
bottom: 0;
background: explorer-color("gray", "50");
color:explorer-color("gray", "700");
background: $gray-100;
color:$gray-600;
text-align: center;
padding: 14px;
height: 50px;

55
apps/explorer_web/assets/css/components/_section.scss
Unescape View File

@ -1,55 +0,0 @@
%section-header {
margin-top: explorer-size(-1);
margin-bottom: explorer-size(0);
}
%section-header__heading {
@include explorer-typography("title");
color: explorer-color("gray", "900");
margin: 0;
}
%section-header__subheading {
@include explorer-typography("body1");
color: explorer-color("slate", "900");
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
margin: 0;
}
%section-tabs {
padding: 0 explorer-size(0);
}
%section-tabs__tab {
@include explorer-typography("body1");
margin: 0;
border-top: explorer-size(-4) solid transparent;
border-left: explorer-size(-4) solid transparent;
border-right: explorer-size(-4) solid transparent;
display: inline-block;
padding: explorer-size(-2) explorer-size(-2);
}
%section-tabs__tab--active {
border-top-color: explorer-color("blue", "500");
}
%section-list__item {
display: flex;
flex-direction: row;
justify-content: space-between;
}
%section-list__item-key {
color: explorer-color("black");
min-width: explorer-size(3);
}
%section-list__item-value {
color: explorer-color("slate", "900");
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}

47
apps/explorer_web/assets/css/components/_transaction_log.scss
Unescape View File

@ -1,47 +0,0 @@
.transaction-log {
@extend %paper;
&__container {
padding: explorer-size(-1) explorer-size(0);
& + & { padding-top: 0; }
&--title { padding-top: explorer-size(0); }
}
&__header { @extend %section-header; }
&__heading { @extend %section-header__heading; }
&__subheading { @extend %section-header__subheading; }
&__tabs { @extend %section-tabs; }
&__tab {
@extend %section-tabs__tab;
&--active { @extend %section-tabs__tab--active; }
}
&__attributes { padding: explorer-size(-1) explorer-size(1); }
&__link { color: explorer-color("blue", "500"); }
&__table {
@include explorer-typography("body1");
color: explorer-color("slate", "900");
}
&__column-header { @include explorer-typography("body1"); }
}
@media (min-width: $explorer-breakpoint-lg) {
.transaction {
&__attributes {
display: flex;
align-items: top;
justify-content: top;
}
&__column {
width: explorer-size(1);
flex: 1;
margin-right: explorer-size(1);
& + & { margin-left: explorer-size(1); }
}
}
}

4
apps/explorer_web/assets/css/explorer/_all.scss
Unescape View File

@ -1,7 +1,3 @@
@import "breakpoints";
@import "color";
@import "header";
@import "size";
@import "open_sans";
@import "paper";
@import "typography";

98
apps/explorer_web/assets/css/explorer/_button.scss
Unescape View File

@ -1,98 +0,0 @@
.button {
border: none;
display: inline-block;
text-align: center;
text-decoration: none;
white-space: nowrap;
padding: 8px 10px;
border-radius: .14589803rem;
&--primary {
background-color: $primary !important;
color: $black !important;
-webkit-transition: background-color .25s, color .25s !important;
transition: background-color .25s, color .25s;
&:hover,
&:focus {
background-color: $gray-700 !important;
color: $gray-200 !important;
text-decoration: none;
}
&:disabled {
background-color: $gray-300;
color: $gray-800;
text-decoration: none;
}
}
&--secondary {
border: 1px solid $primary;
color: $primary;
-webkit-transition: background-color .25s;
transition: background-color .25s;
font-weight: 400;
&:hover,
&:focus {
background-color: $primary;
color: $white;
text-decoration: none;
outline: none !important;
}
}
&--tertiary {
border: 1px solid $primary;
color: $gray-800;
-webkit-transition: background-color .25s, color .25s;
transition: background-color .25s, color .25s;
&:hover,
&:focus {
background-color: $gray-800;
color: $gray-400;
}
}
&--xsmall {
font-size: 11px;
padding: 6px 9px 6px !important;
}
&--small {
font-size: 12px;
padding: 10px 20px 10px;
}
&--medium {
font-size: 1.5rem;
padding: 15px 30px 15px;
}
&--large {
font-size: 1.5rem;
padding: 20px 60px 20px;
}
// Block button
// --------------------------------------------------
&--block {
display: block;
width: 100%;
}
&--disabled {
background-color: $gray-300;
color: $gray-500;
text-decoration: none;
}
}
// Vertically space out multiple block buttons
.button--block + .button--block {
margin-top: 5px;
}

51
apps/explorer_web/assets/css/explorer/_color.scss
Unescape View File

@ -1,51 +0,0 @@
$explorer-colors: (
"blue": (
"500": #4786ff
),
"slate": (
"50": #f5f7fa,
"100": #cfd8dc,
"200": #b0bec5,
"300": #90a4ae,
"400": #78909c,
"500": #607d8b,
"600": #546e7a,
"700": #455a64,
"800": #37474f,
"900": #263238
),
"gray": (
"50": #fafafa,
"100": #f5f5f5,
"200": #eeeeee,
"300": #e0e0e0,
"400": #bdbdbd,
"500": #9e9e9e,
"600": #757575,
"700": #616161,
"800": #424242,
"900": #212121
),
"green": (
"500": #1bb85a
),
"purple": (
"500": #8940d5
),
"yellow": (
"500": #ffc547
),
"red": (
"500": #ff7860
),
"white": #ffffff,
"black": #000000
);
@function explorer-color($color-name, $tone: null) {
@if ($tone) {
@return map-get(map-get($explorer-colors, $color-name), $tone);
} @else {
@return map-get($explorer-colors, $color-name);
}
}

4
apps/explorer_web/assets/css/explorer/_filter.scss
Unescape View File

@ -1,4 +0,0 @@
.filter {
min-width: 100%;
transform: translate3d(1px, 26px, 0px) !important;
}

19
apps/explorer_web/assets/css/explorer/_header.scss
Unescape View File

@ -1,19 +0,0 @@
$explorer-header-small: 48px;
$explorer-header-medium: 56px;
$explorer-header-large: 64px;
%explorer-header-height { height: $explorer-header-small; }
%explorer-header-square-width { width: $explorer-header-small; }
%explorer-header-min-height { min-height: $explorer-header-small; }
@media (orientation: landscape) and (max-height: $explorer-breakpoint-landscape) {
%explorer-header-height { height: $explorer-header-medium; }
%explorer-header-square-width { width: $explorer-header-medium; }
%explorer-header-min-height { min-height: $explorer-header-medium; }
}
@media (min-width: $explorer-breakpoint-landscape) {
%explorer-header-height { height: $explorer-header-large; }
%explorer-header-square-width { width: $explorer-header-large; }
%explorer-header-min-height { min-height: $explorer-header-large; }
}

17
apps/explorer_web/assets/css/explorer/_open_sans.scss
View File

File diff suppressed because one or more lines are too long

25
apps/explorer_web/assets/css/explorer/_table.scss
Unescape View File

@ -1,25 +0,0 @@
.table-font {
thead th, td, th {
border-top: none;
border-bottom: none;
}
i {
color: $gray-500;
}
img {
width: 12px;
}
}
.table-horizontal {
th {
width: 35%;
}
}
.address-cell {
width: 150px;
}

28
apps/explorer_web/assets/css/explorer/_typography.scss
Unescape View File

@ -1,28 +0,0 @@
$explorer-typography-styles: (
headline: (
"font-weight": 400,
"font-size": 24px,
"line-height": 32px
),
title: (
"font-weight": 400,
"font-size": 18px,
"line-height": 28px
),
body1: (
"font-weight": 400,
"font-size": 13px,
"line-height": 36px
),
caption: (
"font-weight": 400,
"font-size": 13px,
"line-height": 24px
)
);
@mixin explorer-typography($style) {
font-weight: map-get(map-get($explorer-typography-styles, $style), "font-weight");
font-size: map-get(map-get($explorer-typography-styles, $style), "font-size");
line-height: map-get(map-get($explorer-typography-styles, $style), "line-height");
}
Write Preview
Loading…
Cancel
Save