From 5b9c7ae6f1b2882ca491bf9da589c659398b4e3b Mon Sep 17 00:00:00 2001 From: Syahrial Agni Prasetya Date: Sat, 20 Apr 2024 18:31:38 +0700 Subject: [PATCH] Update README.md --- README.md | 119 +----------------------------------------------------- meta.json | 1 - 2 files changed, 2 insertions(+), 118 deletions(-) diff --git a/README.md b/README.md index dae4b5a..b0c9b79 100644 --- a/README.md +++ b/README.md @@ -1,118 +1,3 @@ -Roundcube Webmail Skin "Elastic" -================================ +# MomoMail Roundcube Theme -This skin package contains a theme for the Roundcube Webmail -software. It can be used, modified and redistributed according to -the terms described in the LICENSE section. - -For information about building or modifying Roundcube skins please visit -https://github.com/roundcube/roundcubemail/wiki/Skins - - -LICENSE -------- - -The contents of this folder are subject to the Creative Commons -Attribution-ShareAlike License. It is allowed to copy, distribute, -transmit and to adapt the work by keeping credits to the original -authors in the README.md file. -See http://creativecommons.org/licenses/by-sa/3.0/ for details. - -This folder also contains code licensed separately: -- Bootstrap Framework 4 from https://github.com/twbs/bootstrap -- FontAwesome 5 fonts from https://fontawesome.com/ -- Roboto font from https://google-webfonts-helper.herokuapp.com/fonts/roboto?subsets=cyrillic,latin-ext,cyrillic-ext,latin,greek,greek-ext - - -INSTALLATION ------------- - -All styles are written using LESS syntax. Thus it needs to be compiled -using the `lessc` (>= 2.5.2) command line tool. This comes with the `nodejs-less` -RPM package or using `npm install less` which depend on nodejs. -``` - $ lessc --clean-css="--s1 --advanced" styles/styles.less > styles/styles.min.css - $ lessc --clean-css="--s1 --advanced" styles/print.less > styles/print.min.css - $ lessc --clean-css="--s1 --advanced" styles/embed.less > styles/embed.min.css -``` -(`--clean-css="--s1 --advanced"` minifies the css, requires the clean-css Less plugin. -The plugin can be installed using `npm install less-plugin-clean-css`) - -References to image files from the included CSS files can be appended -with cache-buster marks to avoid browser caching issues after updating. - -Run `bin/updatecss.sh --dir skins/elastic` before packaging the skin -or after installing it on the destination system. - - -FOR DEVELOPERS --------------- - -- Supported browsers: Last 2 versions of Edge/Chrome/Firefox/Safari. - -- Skin color palette changes and other css modifications can be done - via _styles.less and _variables.less files. Where you can overwrite all - variables and add custom styles. - -- Minimum supported screen width is 240px (note that even if the device screen - resolution is e.g.320x372 changing the text size in device settings will reduce - the resolution) - -- Every page (which is not a frame) has following required structure: -``` - -
-
-
-
-
-
- -``` - where `#layout-sidebar` and `#layout-list` are optional. Which element of the `#layout` will be displayed - as a main view on mobile devices can be defined by adding `selected` class to it. - -- The `` element will receive special classes that will be updated on resize - or orientation change: - - `touch`: A touch device, screen width <= 1024px, - - `layout-large`: Screen width > 1200px, - - `layout-normal`: Screen width <= 1200px and >= 768px, - - `layout-small`: Screen width < 768px and > 480px, - - `layout-phone`: Screen width <= 480px. - - Frames will have the same classes applied as their parent windows. - -- Every button, that is not