CipherLabs
/
blockscout
mirror of https://github.com/blockscout/blockscout
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
Blockchain explorer for Ethereum based network and a tool for inspecting and analyzing EVM based blockchains.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1463 Commits
476 Branches
89 Tags
212 MiB
Tag: Branch: Tree: 360e224b19
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '360e224b19'
${ noResults }
blockscout/apps/block_scout_web/assets/css/app.scss

86 lines
2.7 KiB
Raw Normal View History Unescape

SASSify the stylesheet pipeline.
7 years ago
/* Phoenix flash messages */
.alert:empty { display: none; }
Add font-awesome Co-authored-by: katibest <katibest@gaslight.co>
7 years ago
Add bootstrap, jQuery, and autoprefixer to project Also remove clean-css-brunch and normalize-scss, and remove yarn references and update README. Co-authored-by: jimmay5469 <jimmay5469@gmail.com> Co-authored-by: katibest <katibest@gaslight.co>
7 years ago
/* This file is for your main application css. */
Use bootstrap dropdown for filter options Co-authored-by: tmecklem <timothy@mecklem.com> Co-authored-by: katibest <katibest@gaslight.co> Co-authored-by: Luke Imhoff <luke.imhoff@dockyard.com>
7 years ago
Add font-awesome Co-authored-by: katibest <katibest@gaslight.co>
7 years ago
// Font Awesome
Upgrade fontawesome Co-authored-by: katibest <katibest@gaslight.co>
7 years ago
$fa-font-path: "~@fortawesome/fontawesome-free/webfonts";
@import "fontawesome";
@import "fa-brands";
@import "fa-regular";
@import "fa-solid";
Add font-awesome Co-authored-by: katibest <katibest@gaslight.co>
7 years ago
// Bootstrap Core CSS
Replacing variables with bootstrap variables
7 years ago
@import "node_modules/bootstrap/scss/functions";
@import "theme/variables";
@import "node_modules/bootstrap/scss/mixins";
@import "node_modules/bootstrap/scss/root";
@import "node_modules/bootstrap/scss/reboot";
Introduce theme for POA
7 years ago
@import "node_modules/bootstrap/scss/grid";
Add a code block element for the transaction input content
7 years ago
@import "node_modules/bootstrap/scss/code";
Add markup for the qr code link and modal in the adress overview
7 years ago
@import "node_modules/bootstrap/scss/modal";
@import "node_modules/bootstrap/scss/close";
@import "node_modules/bootstrap/scss/buttons";
@import "node_modules/bootstrap/scss/forms";
@import "node_modules/bootstrap/scss/input-group";
Apply Bootstrap grid and components to the dashboard
7 years ago
@import "node_modules/bootstrap/scss/utilities/spacing";
@import "node_modules/bootstrap/scss/utilities/sizing";
@import "node_modules/bootstrap/scss/utilities/display";
@import "node_modules/bootstrap/scss/utilities/flex";
Refactoring of css/html & removing code
7 years ago
@import "node_modules/bootstrap/scss/utilities/float";
Apply Bootstrap grid and components to the dashboard
7 years ago
@import "node_modules/bootstrap/scss/utilities/text";
Add a code block element for the transaction input content
7 years ago
@import "node_modules/bootstrap/scss/utilities/background";
Refactoring of css/html & removing code
7 years ago
@import "node_modules/bootstrap/scss/utilities/position";
Add 'Read Smart Contract' page
7 years ago
@import "node_modules/bootstrap/scss/utilities/borders";
Added gas used and limit plus progress bar
6 years ago
@import "node_modules/bootstrap/scss/progress";
Use bootstrap dropdown for filter options Co-authored-by: tmecklem <timothy@mecklem.com> Co-authored-by: katibest <katibest@gaslight.co> Co-authored-by: Luke Imhoff <luke.imhoff@dockyard.com>
7 years ago
Replacing variables with bootstrap variables
7 years ago
// Bootstrap Components
Use bootstrap dropdown for filter options Co-authored-by: tmecklem <timothy@mecklem.com> Co-authored-by: katibest <katibest@gaslight.co> Co-authored-by: Luke Imhoff <luke.imhoff@dockyard.com>
7 years ago
@import "node_modules/bootstrap/scss/dropdown";
@import "node_modules/bootstrap/scss/transitions";
Introduce theme for POA
7 years ago
@import "node_modules/bootstrap/scss/tables";
@import "node_modules/bootstrap/scss/nav";
Header WIP
7 years ago
@import "node_modules/bootstrap/scss/navbar";
Apply Bootstrap grid and components to the dashboard
7 years ago
@import "node_modules/bootstrap/scss/card";
Add page to verify contract
7 years ago
@import "node_modules/bootstrap/scss/forms";
Add and adjust Bootstrap tooltips
7 years ago
@import "node_modules/bootstrap/scss/tooltip";
Added transaction panels with badge
7 years ago
@import "node_modules/bootstrap/scss/badge";
Added alert banners when connection is lost
6 years ago
@import "node_modules/bootstrap/scss/alert";
Introduce theme for POA
7 years ago
//Custom theme
@import "theme/fonts";
Use bootstrap dropdown for filter options Co-authored-by: tmecklem <timothy@mecklem.com> Co-authored-by: katibest <katibest@gaslight.co> Co-authored-by: Luke Imhoff <luke.imhoff@dockyard.com>
7 years ago
Add font-awesome Co-authored-by: katibest <katibest@gaslight.co>
7 years ago
// Custom SCSS
Replace blocks section of the homepage with new design and layout
7 years ago
@import "layout";
Add bootstrap, jQuery, and autoprefixer to project Also remove clean-css-brunch and normalize-scss, and remove yarn references and update README. Co-authored-by: jimmay5469 <jimmay5469@gmail.com> Co-authored-by: katibest <katibest@gaslight.co>
7 years ago
@import "typography";
Add a code block element for the transaction input content
7 years ago
@import "tooltip";
@import "code";
Implement new design on the overview portion of the block details page
6 years ago
@import "elements";
Add layout and style improvements to the Read Contract view
6 years ago
@import "forms";
Introduce theme for POA
7 years ago
@import "components/panels";
@import "components/nav_tabs";
@import "components/dot";
@import "components/pagination";
Introduced monospace and created address link component
7 years ago
@import "components/address_link";
No longer using any of these files
7 years ago
@import "components/footer";
@import "components/filter";
@import "components/button";
@import "components/table";
Position the QR code within the modal
7 years ago
@import "components/qr-code";
Header WIP
7 years ago
@import "components/navbar";
Added animation for new txns on address pg
7 years ago
@import "components/animations";
Replace blocks section of the homepage with new design and layout
7 years ago
@import "components/card";
@import "components/tile";
Position and style the dashboard banner
7 years ago
@import "components/dashboard-banner";
Refactor icon link component
7 years ago
@import "components/icon-link";
Update orange color for out badge and white text
6 years ago
@import "components/badge";
Implement new design on the overview portion of the block details page
6 years ago
@import "components/description-list";
Adds API docs page with 'try it' UI Why: * We'd like to provide an API documentation page with a 'Try it out' UI for the API. We first considered using Swagger for this but when we looked into it we realized it didn't fit our needs. It doesn't fit our needs because Swagger is an API specification and the Swagger UI is built for this specification. The Etherscan-compatible API we're building doesn't meet the Swagger specification (name was changed to OpenAPI on the latest version) so we can't easily use Swagger tools to document our API. * Issue link: https://github.com/poanetwork/poa-explorer/issues/454 This change addresses the need by: * Adding API documentation page with 'Try it out' UI at `/api_docs`. The API documentation data is defined within `ExplorerWeb.Etherscan` and rendered by Phoenix templates, with partial templates for 'module cards', 'action tiles', and 'model tables'. The `Try it out` UI is powered by the `try_api.js` file, which shows/hides the 'Try it out' UI as needed and provides support for testing the API from the docs page.
6 years ago
@import "components/nounderline-link";
Add Token Holdings box
6 years ago
@import "components/token-balance-dropdown";
Fix cards height on address overview
6 years ago
@import "components/address-overview";
Use colors from SASS in chart
7 years ago
:export {
primary: $primary;
secondary: $secondary;
}